design-retro

Solid

分析 docs/design-review-findings.md 歷史,識別跨 spec 的重複 UI 問題模式,提出流程改善建議。spectra-archive 完成或 findings 累積 5 倍數時主動觸發。

Web & Frontend 45 stars 3 forks Updated today MIT

Install

View on GitHub

Quality Score: 87/100

Stars 20%
55
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

<!-- 🔒 LOCKED — managed by clade · auto-generated by sync-to-codex; edit source in .claude/ then re-run sync --> # Design Retro 分析 Design Review 歷史發現,識別跨 spec 的重複問題模式,主動提出流程改善建議。 ## Prerequisites 本 skill 引用的 `/impeccable audit` / `/impeccable layout` / `/impeccable harden` 等指令來自 pbakaus/impeccable(對齊 design skill Prerequisites 當前鎖定版本,見 design/references/impeccable-install.md)。Consumer 必須先安裝對應版本,否則 retro 報告中的「建議動作」指令會無效。 ## 觸發條件 ### 自動觸發(由 proactive-skills.md 規則驅動) 1. **Archive 後觸發** — `spectra-archive` 完成且該 change 有 design review findings 時 2. **累積門檻觸發** — `docs/design-review-findings.md` 新增記錄後,總 change 數達 5 的倍數(5、10、15…) ### 手動觸發 使用者執行 `/design-retro` 時。可選參數: - `/design-retro` — 分析全部歷史 - `/design-retro last 3` — 只分析最近 3 個 change ## 執行流程 ### Phase 1: 資料收集 1. 讀取 `docs/design-review-findings.md` 2. 若檔案不存在或為空 → 回報「尚無 design review 記錄」→ 結束 3. 解析所有 change 記錄,建立結構化資料: - 每筆 finding 的類別、嚴重度、發現來源(哪個 skill 發現的) - 按 change 時間排序 ### Phase 2: 模式分析 對收集到的資料執行以下分析: #### 2.1 頻率分析 按類別統計出現次數與佔比: ``` | 類別 | 次數 | 佔比 | 趨勢 | |------|------|------|------| | spacing | 14 | 30% | ↑ 連續 4 個 change 出現 | | a11y | 9 | 19% | → 穩定 | | color | 3 | 6% | ↓ 最近 3 個 change 未出現 | ``` 趨勢判定: - `↑` — 最近 3 個 change 中出現 ≥ 2 次 - `→` — 穩定出現但無明顯增減 - `↓` — 最近 3 個 change 中未出現 #### 2.2 嚴重度分析 ``` | 嚴重度 | 次數 | 佔比 | |--------|------|------| | critical | 5 | 11% | | warning | 30 | 64% | | info | 12 | 25% | ``` #### 2.3 來源 skill 分析 統計哪個 design skill 發現最多問題: ``` | 發現來源 | 次數 | 常見類別 | |---------|------...

Details

Author
YuDefine
Repository
YuDefine/nuxt-supabase-starter
Created
7 months ago
Last Updated
today
Language
JavaScript
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

retro

Sprint 回顧 — 分析最近的開發指標

45 Updated today
YuDefine
Web & Frontend Listed

screen-design-review

自建的畫面設計審查(design critique)技能。當使用者從 Claude Design、Figma 或其他原型工具拿到單一畫面、元件、原型,或一整條流程的所有畫面,需要嚴格、具體、可執行的視覺與可用性細節審查時使用。觸發情境:「幫我審這個畫面/這條流程的設計細節」、「critique 這個 mockup」、「這個原型的設計細節有什麼問題」、「跑一輪畫面設計審查」、「逐頁審每個畫���的細節」、「幫我挑視覺/對比/間距/字級的缺失」,或使用者貼上 Figma frame URL、原型 URL、設計截圖要求細節回饋時。即使使用者只說「看一下這個設計好不好」也應觸發。本技能聚焦畫面內的細節(type scale、spacing、對齊、色彩、對比、觸控目標、元件規範)+跨畫面的視覺一致性,強制具體性、拒絕空洞稱讚,目標是把設計品質推到「夠主觀、沒有設計細節缺失」為止。輸入是整條流程時,逐頁審細節並比對跨頁一致性。若需要審查的是跨畫面的流程邏輯本身(狀態覆蓋、返回路徑、分支對錯),改用 ux-flow-review。

0 Updated 3 weeks ago
hsiangyilu
Code & Development Listed

fix-scope-integrity-

指摘対応の反復(レビューコメント→修正→再レビュー)で、個別には正しい修正の蓄積が当初スコープを逸脱した(scope creep)、または成立済みの前提("動いていた"状態)を破壊した(premise break)連鎖を diff-time で検出する。技術的正しさとスコープ整合性を別軸で評価し、report-only で finding/question のみ出力する。1コメント単位のトリアージ・構造変更後の caller 残骸��plan 前提解消は隣接 skill へ委譲する

2 Updated today
s977043