用途：当用户想在选定设计方向前先看几种可能时，用 Sketch 生成 2-3 个可交互的一次性 HTML 界面稿，供并排比较视觉方向，而非产出可上线代码。触发说法如“给这个界面画个草图”“看看 X 可以长什么样”“对比布局 A 和 B”“给我 2-3 个版本”。
不适用：需要生产级组件、需要打磨的单页 HTML 成品（落地页、演示稿）、画图表，或设计已锁定只需直接实现。
主要流程：intake → variants → head-to-head → 选优或迭代。intake 依次问清三件事：感觉（形容词、情绪、参照产品）、参考（具体应用或网站）、核心动作（该界面上用户最重要的一件事）。若用户已给出，可直接进入变体。
变体：一次产出 2-3 个（不要 1 个，通常不超过 4 个），每个都是独立完整的 HTML 文件。各变体应体现不同的设计立场，而非仅改像素值，可从密度、重心、美学、布局、内容承载等轴中选择一条拉开差距。命名描述立场而非编号，目录如 sketches/001-calm-editorial/index.html 与 README.md。
实现要求：单文件、内联 <style>，无构建步骤、无外部 CSS；系统字体或经 <link> 引入一个 Google Font；可用 CDN 版 Tailwind；内容用真实可信的假文案而非 Lorem ipsum；至少含一个可交互状态转换（开合、筛选、切换），链接可点、悬停真实。
验证与输出：用浏览器加载每个变体并查看，修复明显布局问题后再展示；最后以对比表形式给出各变体的密度、主操作可见度、可扫读性、观感等维度，并给出主观取舍建议，让用户选择、混合或再来一轮。若项目已有视觉标识，可将共享 tokens 放入 sketches/themes/tokens.css 并 @import。产物放在仓库根的 sketches/（或 .planning/sketches/），并告知用户打开方式：macOS 用 open、Linux 用 xdg-open、Windows 用 start。草图应保持一次性，需保留的应提升为真实项目代码，而非当资产收藏。
说明：本技能改编自 GSD 项目的 /gsd-sketch 工作流（MIT © 2025 Lex Christopherson）。上游 GSD 仓库已在 GitHub 归档、不再维护；npm 包 get-shit-done-cc 仍可安装（npx get-shit-done-cc --hermes --global），但应视为已归档的社区项目，本独立技能是受维护的路径。