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

Design Review

GitHub

Same audit depth as /plan-design-review, then directly fixes what it finds. Atomic commits, before/after screenshots for every change.

BashReadEditWriteGrepGlobAgentAskUserQuestionWebSearch

繁體中文說明

/design-review — 設計審查並自動修復

與 /plan-design-review 具備相同的審查深度,但它不只是生成報告,而是直接修復所有發現的設計問題。

核心用途

  • 完整設計審查:與 /plan-design-review 相同的 UX、視覺一致性、無障礙設計審查
  • 自動修復:找到問題後直接修改程式碼,不需要你手動處理
  • 原子提交:每個設計修改都獨立提交,方便追蹤和回滾
  • 截圖對比:每次修改都提供修改前後的截圖,讓你清楚看到變化

工作流程

  1. 掃描現有程式碼的設計問題
  2. 對照 DESIGN.md(如果有的話)進行一致性檢查
  3. 依優先級排列問題清單
  4. 逐一修復,每個修復獨立提交
  5. 生成修改前後截圖對比報告

適合使用時機

  • 完成功能開發後進行設計品質把關
  • 定期進行設計一致性審查
  • 發現設計有明顯問題需要系統性修復

與 /plan-design-review 的差異

  • /plan-design-review:審查計畫,輸出建議報告
  • /design-review:審查實際程式碼,並直接修復問題

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

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

同分類的其他 Skill

/design-consultation

Design Consultation

/frontend-design

Frontend Design

/design-shotgun

Design Shotgun

//ui-ux-pro-max-skill

ui-ux-pro-max-skill