用途：在用户确定设计方向前，快速生成 2-3 个可交互的 HTML 界面草图变体，供并排比较视觉方向，而非产出可交付的生产代码。适用于“sketch 这个界面”“给我 2-3 个方案”“比较布局 A 与 B”“先做原型再实现”等请求。不适合生产组件、精修单页成品或示意图场景。
主要能力：每个变体为独立自包含的 HTML 文件，内联样式，可用系统字体或一个 Google Font、Tailwind CDN；使用真实假内容而非占位文本；具备基本交互（点击有反馈、至少一个状态切换、可悬停）。每个变体对应一个设计立场（如密度、侧重、美学、布局、承载方式），并附带 README 说明设计立场、关键选择、取舍与适用对象。
使用方式：先澄清三个要点——感觉、参考、核心动作，每问一次并简短回应；然后一次性生成 2-3 个变体，放入 sketches/NNN-立场名/ 目录，含 index.html 与 README.md；用浏览器工具打开并视觉检查渲染问题，最后以对比表形式给出主观意见，让用户选择或混合。命令示例：browser_navigate(url="file:///absolute/path/to/sketches/001-calm-editorial/index.html")，browser_vision(question="...")。若项目已有视觉标识，可把共享 token 放在 sketches/themes/tokens.css 并 @import。
适用场景：早期 UI/UX 探索、多方案比选、屏效验证。限制：不产生产代码；变体仅作一次性草稿保留价值低；若无现有主题无需过度 token 化；上游 GSD 项目已归档，本技能为轻量独立版本。