design-studio
<studio> 是存放此 SKILL.md 的資料夾。在 Windows 上，若缺少 python3，請改用 python；並使用 modules/impeccable/scripts/impeccable.cmd 代替未經處理的啟動器。
載入
- 此檔案。
- 用於路由的準則：doctrine/workflow.md、doctrine/principles.md、doctrine/gate.md；若模組間存在分歧，參閱 doctrine/conflicts.md。
- 僅載入下方已路由的
MODULE.md檔案，以及它們指向的參考文件。
請勿載入所有模組。第三方提供的 MODULE.md 檔案並非獨立的技能。
優先順序
- 使用者的明確指示和真實的品牌資產
- 專案的
DESIGN.md/PRODUCT.md - design-studio 準則
- 活躍模組的規則
- ui-ux-pro-max 資料庫的建議 — 僅作為輸入，而非決策；每個建議都必須通過「樣板感」的最低門檻
路由
/design-studio <route> [target]。若未指定路由，則從請求中推斷。
| 意圖 / 引數 | 載入 | 備註 |
|---|---|---|
build — 登陸頁、行銷頁、作品集、公開頁面 | modules/taste/MODULE.md + modules/impeccable/MODULE.md (說服) | ui-ux-pro-max 僅用於技術堆疊指南 |
app — 儀表板、設定、表單、產品UI、原生畫面 | impeccable (操作) + taste references/app-screens.md | ui-ux-pro-max 技術堆疊 + UX 指南 |
direction — 色板、字型、風格 | 先查閱 taste 函式庫；其次搜尋 modules/ui-ux-pro-max/MODULE.md，並經「樣板感」過濾 | 寫入 DESIGN.md |
review / audit / roast | modules/ai-design-review/MODULE.md 及其報告格式 | 使用下方偵測器；將結果去重並對應到目錄 ID |
polish bolder quieter typeset colorize animate harden clarify distill delight adapt onboard optimize layout overdrive shape init document extract critique audit live generate | impeccable 命令參考 | 固定/取消固定已停用 |
slides / deck / presentation | modules/slides/MODULE.md | template-library/ 為最後手段；.pptx → 請使用 pptx 技能 |
diagram (+ import mermaid|drawio|excalidraw, export) | modules/diagrams/MODULE.md + commands/ | |
| 應用程式中的圖表 | 若已安裝 dataviz 技能則使用，否則使用 ui-ux-pro-max 圖表領域 | |
| 長篇文案 | 使用 ai-design-review 的文案提示；若已安裝 unslop 技能則使用 | |
hooks on|off|status | impeccable reference/hooks.md | 鉤子政策如下 |
工作流程
簡報 (PRODUCT.md) → 方向 (DESIGN.md) → 建構 → 檢視 → 閘門 → 報告。詳情請見：doctrine/workflow.md。
Taste 的工作檔案保留在 .taste-skill/ 中。將所選方向總結至 DESIGN.md，以便每個模組都能讀取同一份檔案。
閘門
完成條件：已檢視最終產出大小；相關偵測器已執行；零 P0 等級問題；每個 P1 等級問題均有簡報理由；新 UI 的樣板感 ≤ 3/10；通過 SD1–SD5 測試；無憑空發明；應用程式 UI 已包含空白/載入/錯誤狀態；報告中列出已執行的層級。完整表格：doctrine/gate.md。
審查偵測器（對應到目錄 ID 進行去重）：
node <studio>/modules/ai-design-review/scripts/scan.mjs <target> --json
<studio>/modules/impeccable/scripts/impeccable detect <target>
node <studio>/modules/taste/scripts/lint.mjs <target>
Windows 上的 detect 指令：<studio>\modules\impeccable\scripts\impeccable.cmd detect <target>。
鉤子政策
預設為關閉。切勿在未經使用者同意下啟用。
在實際專案中啟動 build 或 app 路由時，請執行：
<studio>/modules/impeccable/scripts/impeccable hooks status
在以下情況提議選擇加入，並附上一句理由：該任務將觸及 3 個以上 UI 檔案或橫跨多個工作階段；審查發現 2 個以上機械性的 P0/P1 問題（對比度、漸層文字、發光、溢出、設計系統偏移）；使用者要求持續執法。
說明：透過 .claude/settings.local.json (Claude Code) 或 .cursor/hooks.json (Cursor) 進行每次編輯掃描。Cursor 僅支援每次編輯檢查，無 Stop 深度掃描。請參閱 <studio>/modules/impeccable/scripts/impeccable。
尊重 .impeccable/config.local.json 中的 hook.consent 設定。請勿在該專案中重複詢問。
若使用者接受：impeccable hooks on。若使用者拒絕：hooks off，且之後在該專案中不再詢問。
環境
| 需求 | 使用於 | 若缺失則 |
|---|---|---|
| Node 18+ | scan.mjs | 跳過偵測器，並告知使用者 |
| Node 22+ | taste draw / lint / inspect | 跳過 taste 腳本 |
| Python 3 | ui-ux-pro-max, diagram verify-geometry | 跳過該項目 |
| Chrome / Edge | taste inspect, impeccable URL detect | 跳過視覺瀏覽器層級 |
| Playwright | 幻燈片 PDF 匯出 | 跳過 PDF |
| python-pptx | PPT 匯入 | 跳過匯入 |
模組地圖
| 路徑 | 角色 |
|---|---|
modules/taste/ | 藝術指導 (draw.mjs)、lint/inspect |
modules/impeccable/ | 工藝指令、detect、hooks |
modules/ui-ux-pro-max/ | 可搜尋的樣式/色板/技術堆疊 |
modules/ai-design-review/ | 提示目錄、掃描、審查報告 |
modules/slides/ | HTML 投影片；template-library/ 為實作參考 |
modules/diagrams/ | HTML/SVG 圖表 |