用途：把 HTML 当作思考与规划的工作面，用于头脑风暴、备选方案探索、原型稿和实施计划。资料称 Markdown 规格超过约 100 行后往往没人读，而 HTML 规格因可导航、可视化、可作为链接分享而更易被阅读。
主要能力：支持写规格、RFC、设计文档、提案、实施计划和权衡分析；产出供人评审或供后续 Claude 会话读取实施。可用模式包括：单一方向 spec（方向已定，展开实施细节）；N 路探索（3–6 个方案卡片，含名称、草图、优点、缺点、适用场景）；多文件网页（01-context.html、02-options.html 等互相链接）。建议结构有标题加一句话界定、上下文/问题、约束、方案、原型图、数据流/时序、实施计划、开放问题、超出范围。
使用方式：写产物前先调用 html-skills:html-skills-listen，若返回 URL 则原样注入为 window.CLAUDE_SUBMIT_URL（含 ?t= 查询串）；若为 web/沙箱模式则省略该行。保存为描述性文件名如 <topic>-spec.html、<topic>-plan.html。输出为真实 .html 文件而非聊天内联渲染，自包含内联 CSS/JS，无构建步骤和 CDN 依赖；使用完整文档外壳与 meta charset、viewport、title；移动端约 700px 以下折叠为单列；代码用 <pre><code>，数据用 <table>，图表用内联 <svg>；剪贴板通过内联的 submit-handler.js 中的 copyToClipboard 处理。
限制与注意：避免通用 AI 审美、无信息量的装饰性原型、把开放问题埋在长文里、用截图表示代码。SVG 文本不换行，需按标签长度设定尺寸或用 foreignObject。localStorage 仅用于进行中状态，键前缀为 html-skills:<skill>:<artifact-slug>:，不存掩码或秘密值。是否发布、具体平台行为及其他功能细节以资料为限，暂未提供更多说明。