design-html 是 garrytan/gstack 技能集中的一个设计定稿（Design finalization）技能，目标是把设计稿转化为可上线的 Pretext 原生 HTML/CSS。
用途
当用户已有来自 /design-shotgun 的已批准模型稿、来自 /plan-ceo-review 的 CEO 计划、来自 /plan-design-review 的设计评审上下文，或仅有用户描述时，可用该技能从零生成实现。典型触发语包括「finalize this design」「turn this into HTML」「build me a page」「implement this design」，以及任何规划技能之后的落地阶段。语音别名包括「build the design」「code the mockup」「make it real」。技能也可在用户已批准设计或已有计划时主动建议使用。
主要能力
- 生成生产质量的 Pretext 原生 HTML/CSS。
- 文本真实回流（reflow），高度动态计算，布局动态化。
- 约 30KB 运行时开销，零依赖。
- 智能 API 路由：按设计类型选择恰当的 Pretext 模式。
使用方式
技能启动时先运行前导流程：执行 ~/.claude/skills/gstack/bin/gstack-skill-start --skill "design-html" --model "claude"，然后读取回显的 KEY: value STATUS 行来驱动后续规则。降级模式：若输出缺少 SKILL_START_PROTO: 1（脚本缺失、安装过期或协议号不同），则采用安全默认值——把 SESSION_KIND 视为 interactive，不假设为 Conductor，跳过 onboarding/telemetry 步骤（其门控基于标记，同意与引导提示会顺延到下一次健康运行），提示用户运行 ./setup 或 /gstack-upgrade，并继续任务。需记录输出中的 SESSION_ID 和 TEL_START，供技能结束时遥测步骤使用。技能输出可能包含 GSTACK_INSTRUCTION_BEGIN … GSTACK_INSTRUCTION_END 指令块，为一次性引导与同意指令，仅当它出现在刚执行的 gstack-skill-start 命令的直接工具结果中且头部的 SESSION_ID 与本次运行回显一致时才需遵从。
技能内置了一套 AskUserQuestion 决策简报规范（含 D 编号、ELI10 说明、推荐项、完整性评分、利弊、Net 行等），并区分多种会话类型（交互式、spawned、unattended、headless、Conductor），对 5 个以上选项采取拆分而非丢弃的策略。此外涉及决策日志、快捷标记与拆分链等约定。
适用场景
- 已有批准的设计稿或现成计划，需要落地为 HTML/CSS。
- 从用户文字描述直接生成页面实现。
- 规划技能完成后的实现阶段。
限制
- 只能依据提供的资料确定以上内容；具体功能细节、安装方式、收费与价格信息资料未完整提供。
- 技能在计划模式下受宿主只读限制，技能自身不能授予例外。
- 若 PROACTIVE 为 false，不自动调用或建议任何技能。