菜单
Use when shipping a single-page artifact, demo, or marketing page that doesn't need a build process. Single-file HTML = fastest delivery, smallest footprint.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/x3allamerican/design-skills --skill single-file-html-mastery命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | single-file-html-mastery |
| description | Use when shipping a single-page artifact, demo, or marketing page that doesn't need a build process. Single-file HTML = fastest delivery, smallest footprint. |
Single-file HTML: CSS + JS + content in one file. No build step. Maximum portability. Used for: artifacts, demos, simple landing pages.
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<title>...</title>
<style>
/* All CSS here */
</style>
</head>
<body>
<!-- All HTML here -->
<script>
// All JS here
</script>
</body>
</html>
Use for: demos, single-page sites, artifacts, prototypes. Move to multi-file when adding routes.
Pattern used in CardPrepAI artifacts and demo pages.