HTML 产出设计规范
将以下提示词粘贴到你的 AI 对话框中：
请根据 https://skillhub.cn/install/skillhub.md，安装 @user_52a81e7a/md2html-pro。
技能介绍
要解决什么问题
Agent 一次性产出推介文档、改动测验或设计原型时，HTML 往往换皮式改色、堆渐变和 emoji，或引用未固定版本的 React CDN——既难评审，也不符合单文件交付习惯。本技能是 reference 型（模型调用型，不直接触发）：凡要落盘 HTML 的相关技能，在动手前应读其 reference 文件，而不是各自发明一套页面规范。
技能如何工作
两个 reference 文件分工明确：
reference/design-standard.md：讲 WHY——设计原则、至少 3 个变体探索流程、Tweaks 面板、AI slop 黑名单、交付自检，以及 React + Babel 固定版本与 integrity hashreference/skeleton.md：讲 WHAT to copy——单文件 HTML 起步骨架
冲突时：结构以 skeleton 为准，设计质量以 design-standard 为准。
从零或新设计时，第一步产物是一份 HTML，内含 4 个独立视觉方向（字体、配色、布局、隐喻各不相同），并带 adopt/skip 投票；用户可单选，也可混搭多个维度。流程对齐 design-standard §10 与范本 assets/design-templ.html。
两条铁律：固定 CDN 版本且带 integrity；避开黑名单项（滥用渐变/emoji、左边框 accent + 圆角容器、SVG imagery、Inter/Roboto/Arial 等过度使用字体）。
产物为单文件、内联 CSS，默认不引外部资源（CDN 为例外），输出到 artifacts/design/-.html（相对项目根 / 用户 CWD），footer 须署名「作者：江枫AGI」。文案语言与用户一致。
适用边界
小修、后续迭代或用户已给足上下文时，可跳过「4 变体 + 投票」确认门（见 design-standard §1）。本技能不替代业务逻辑实现，只约束 HTML 交付的设计与结构质量。
使用场景
- 用 Agent 写推介文档或改动测验，落盘前要统一单文件 HTML、四变体投票与 anti-slop 约束。
- 从零定新页面视觉时，先产出四种独立字体/配色/布局/隐喻的 HTML，用 adopt/skip 选型或混搭。
- 一次性设计原型需内联 CSS、React+Babel 固定版本与 integrity，并写到项目根 `artifacts/design/`。
- 多个产出 HTML 的技能共用同一套 reference，避免各自发明渐变、左边框圆角容器等模板化页面。
适合人员
- 用 Agent 交付推介文档或 HTML 改动测验、要把页面控在可评审单文件标准内的产品或设计协作者
- 编写或维护 content-creation 类 Agent 技能、需在产出 HTML 前挂载统一 reference 的 prompt 工程师
- 新视觉方向要先跑四变体探索与投票、再进入小修迭代的前端或设计负责人
- 负责模型落盘 HTML 质量、需强制 skeleton 结构、CDN integrity 与 footer 署名的交付规范维护者
相关技能
一项能够根据用户提供的故事、场合与细节，生成原创歌词并合成定制歌曲的AI技能。
AI 编辑部总控技能，从模糊想法到可发布稿全流程管理内容创作，涵盖选题、写作、审核和发布适配。
围绕番茄小说短篇创作，提供热门题材搜索、选题推荐、大纲生成、分段撰写、爽点节奏控制与 UTF-8 txt 导出，支持 1 万至 3 万字短篇。
面向中文长篇小说的对话式创作工作台，帮助设定项目、管理人物与世界观、规划卷纲章节，并追踪伏笔和连续性。