design-shotgun

设计与多媒体 已审计 @garrytan v1.0.0
信任分
92/100
兼容 Agent
1
速查档案 只列事实:领域、Agent、信任分、作者、原文章节。装与不装请看下方作者解读。
领域
设计与多媒体
兼容 Agent
Claude Code
信任分
92 / 100 · 已通过审计
作者 / 版本 / 许可
@garrytan · v1.0.0 · 未声明 license
安装命令数
1 条

需要注意: 未限定 allowed-tools,默认拥有全部工具权限。

想读作者英文原文? ↓ 滚到正文区切换 · 在 GitHub 查看 ↗

解读由编辑根据原文凝练而成,命令、链接、术语均与作者原文一致;想看完整论述请切到右侧

设计思路

design-shotgun 一次产出多份风格差异显著的视觉变体(A/B/C/D),把它们摆到一个浏览器对比看板上让用户挑、评分、批注,然后把胜出的那一份固化为后续 design-html 的输入。它解决的不是「画得多好看」,而是「让用户在对比里找到自己想要的方向」——单份产出,用户没办法表达「再 A 一点 B 一点」这种相对偏好。

关键文件位置

所有产物只去一个地方:~/.gstack/projects/$SLUG/designs/绝不写到 .context/ / docs/designs/ / /tmp/。这是硬规则。

工作流

  1. Step 1-3:收集屏幕(screen)说明、约束、品味记忆(默认拉 DESIGN.md 当约束);最多两轮 context gathering,避免审讯式追问。
  2. Step 4:呈现变体——先在终端里用 Read 工具内联展示各 PNG,让用户立刻能看。然后启对比看板的 HTTP server。如果 server 起不来,回退到 AskUserQuestion 让用户口头选偏好和 rating。
  3. Step 5:反馈确认——拿到反馈后必须打一份回执:PREFERRED / RATINGS / YOUR NOTES / DIRECTION,用 AskUserQuestion 让用户确认理解一致再保存。
  4. Step 6:保存与下一步——写 approved.json{approved_variant, feedback, date, screen, branch}。如果是被另一个 skill 调用,直接把结构化反馈返回给上游消费。独立运行时通过 AskUserQuestion 给 4 选项:A) 再迭代、B) 进 design-html、C) 写进当前 plan 作为审过的 mockup、D) 留作后用。

重要规则

  • 看板未起前先内联展示——用户应该立刻在终端里看见,浏览器对比板只是更细的反馈通道。
  • 保存前确认反馈——总是回执一遍。
  • 品味记忆自动启用——之前批准过的设计会默认影响新一轮生成。
  • context gathering 最多两轮——别审讯,能合理假设就走。
  • DESIGN.md 默认作为约束——除非用户另说。

适合谁

  • 想要多版本对比再下决定的产品 / 设计师
  • 不擅长零起点描述视觉但能在选项里挑的人
  • 给重要落地页 / Landing 做关键决策的小团队

何时不该用

  • 已经有强约束的固定页面(比如表单、设置页)——出多版意义不大
  • 看板对应的本地 server 起不了(公司内网拦截)——降级 AskUserQuestion 也行但体验差

配套

design-consultation(前置:建系统)→ design-shotgun(多版本)→ design-html(落地)→ design-review(最后扫尾)。