JY Agent
提示詞技法🪄 組合器技能庫關於我
提示詞技法🪄 組合器技能庫關於我
JY Agent
AI agent studio
© 2026 JY Agent. All rights reserved.
返回技能庫
/design-shotgunTier 2 · 進階前端與 UI/UX 設計

Design Shotgun

GitHub

Generate multiple AI design variants, open a comparison board in your browser, and iterate until you approve a direction. Taste memory biases toward your preferences.

BashReadEditWriteGrepGlobAgentAskUserQuestionWebSearch

繁體中文說明

/design-shotgun — 多版設計並排比較

快速生成多個設計變體,在瀏覽器中開啟視覺比較看板,讓你像挑食物一樣直觀地選擇設計方向。

核心用途

  • 批量生成:一次生成 3-6 個不同設計方向的變體
  • 視覺比較:在瀏覽器中並排展示所有變體,方便對比
  • 快速迭代:選中喜歡的方向後,繼續細化調整
  • 品味記憶:AI 記住你選擇和拒絕的設計,逐漸學習你的審美偏好

工作流程

  1. 根據你的需求生成多個設計方向
  2. 在瀏覽器中開啟比較看板
  3. 你選擇喜歡的方向或元素
  4. AI 根據你的選擇進行細化
  5. 重複直到你滿意

適合使用時機

  • 不確定哪個設計方向最適合時
  • 需要快速驗證設計假設
  • 想要在多個創意方向中做決策
  • 已有 /design-consultation 的 DESIGN.md 作為基礎,進行具體頁面設計

與 /design-consultation 的差異

/design-consultation 是建立設計語言基礎的深度諮詢;/design-shotgun 是針對具體頁面或元件的快速原型比較。

💡 如何在 Claude Code 中使用這個 Skill?

  1. 點擊下方區塊右上角的 「複製」 按鈕,複製完整的 Markdown 內容。
  2. 在您的開發專案根目錄中建立 .claude.json 或是在 .agents/skills/design-shotgun/SKILL.md 檔案。
  3. 將複製的內容貼上並存檔。
  4. 在該目錄下啟動 claude,AI 助理就會自動讀取並具備這項專門技能!

同分類的其他 Skill

/design-consultation

Design Consultation

/frontend-design

Frontend Design

/design-review

Design Review

//ui-ux-pro-max-skill

ui-ux-pro-max-skill