用途：当用户想在确定设计方向前先看效果时，用此技能把 UI/UX 想法做成可丢弃的 HTML 原型，一次生成 2-3 个可交互变体供并排比较。适用于“sketch 这个界面”“给我 2-3 个方案”“比较布局 A 和 B”等请求。
主要能力：流程为 intake → variants → head-to-head → 选定或迭代。intake 阶段逐一询问三件事：感觉（形容词、情绪、氛围）、参考（具体应用或网站）、核心动作（用户在该界面最重要的一件事）。变体应沿同一设计轴拉开差异，如密度、强调重点、美学、布局或内容承载方式，而非只改颜色。每个变体是独立自包含的 HTML 文件，内联 style、系统字体或单个 Google Font、可用 Tailwind CDN，内容用真实句子而非占位文本，并至少包含一个状态转换（开关、筛选、展开收起）。每个变体配 README.md，说明设计立场、关键选择、取舍与适用对象。最后用对比表呈现并给出主观建议。
使用方式：在仓库根目录创建 sketches/（若使用 GSD 约定则为 .planning/sketches/），每个变体一个子目录 NNN-立场名/index.html 与 README.md。可用浏览器工具加载 file:// 路径并做视觉检查，修复布局问题后再展示。打开方式：macOS 用 open，Linux 用 xdg-open，Windows 用 start。若项目已有视觉标识，可把共享 token 放在 sketches/themes/tokens.css 并 @import。
适用场景：设计方向未定、需要快速比较多个方案时。不适用：需要生产级组件、需要打磨的单页 HTML 成品、需要图表、设计已锁定，或已安装完整 GSD 系统（此时优先用 gsd-sketch）。
限制：变体是一次性产物，不应作为资产长期维护；交互只需满足点击主操作有可见反馈、一个有意义的状态转换、可悬停的控件即可，过度工程化没有必要。本技能改编自 GSD 项目的 /gsd-sketch 工作流（MIT © 2025 Lex Christopherson），完整 GSD 系统可用 npx get-shit-done-cc --hermes --global 安装。