skills/design-decision-framework/SKILL.md
多方案評估決策框架。用於面臨 3+ 技術方案時的結構化評估、架構決策時的系統化分析,防止衝動決策和技術債務累積。Use for: 技術方案選擇、重大架構決策、高風險技術選型
npx skillsauth add tarrragon/claude design-decision-frameworkInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
版本: v1.2 建立日期: 2026-01-23 狀態: 穩定
多方案評估決策框架是一套結構化的技術決策工具,用於在面臨多個技術方案時進行系統化評估和選擇。避免衝動決策,確保決策品質。
以下情況應使用此 Skill:
| 情境 | 識別特徵 | 強制性 | |------|---------|--------| | 多技術方案 | 面臨 3 個以上可行的技術方案 | 強制 | | 架構決策 | 需要選擇設計模式或架構方案 | 建議 | | 重大變更 | 變更可能影響多個模組 | 建議 | | 不確定性高 | 團隊對方案沒有共識 | 建議 |
此 Skill 採用五階段結構化評估流程:
| 階段 | 目標 | |------|------| | Stage 1 | 方案收集 - 確保所有可行方案都被考慮 | | Stage 2 | 評估維度定義 - 確定評估的關鍵維度 | | Stage 3 | 方案評分 - 對每個方案進行客觀評分 | | Stage 4 | 風險分析 - 識別每個方案的主要風險 | | Stage 5 | 決策和建議 - 根據評估結果做出決策 |
各階段的詳細執行步驟、評分標準、輸出格式模板請參考:
references/stage-templates.mdreferences/symmetry-bias-check.mdreferences/full-report-template.mdreferences/faq.md/design-decision-framework/pre-fix-eval 代替)| Skill | 關係 |
|-------|------|
| /5w1h-decision | 本 Skill 產出的決策應符合 5W1H 格式 |
| /pre-fix-eval | 錯誤修復評估使用 pre-fix-eval,不是本 Skill |
| /ticket create | 決策完成後使用 ticket-create 建立執行 Ticket |
Last Updated: 2026-05-29 Version: 1.2.0 — 新增 Stage 1 對稱性偏誤檢查 reference 導航(W3-079 落地 W3-078 ANA 結論)
development
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
development
Claude Code release notes 框架影響評估工具。比對 last-reviewed 版本篩出新版本,逐項分類(對框架有幫助 / 需評估 / 無影響 / 不適用),對採用項引導建 ANA + WRAP + spawn 落地。Use when: 執行 /release-notes 看到新版本、定期檢查 CC 更新、評估新功能對專案框架的影響時。Triggers: release notes, release-notes, CC 更新, claude code 更新, 版本更新評估, 新功能評估, 框架影響評估。
development
Assertion design judgment framework for flaky and design-quality issues. Use when writing tests, reviewing assertions, diagnosing flaky tests, or deciding if a timing/float/cache assertion is appropriate. Do NOT use for API syntax or refactoring.
tools
Chrome Extension 實機測試與 debug 工作流,以 chrome-devtools-mcp 為核心工具。Use when: (1) 完成功能後實機驗證 / manual test / 試看看 / 跑看看 / verify feature, (2) extension debug / popup 不作動 / content script 不注入 / service worker 報錯 / background 出問題, (3) 安裝 unpacked extension / load unpacked / 載入未封裝, (4) 看 console / 看 network / 看 log / view console / inspect requests, (5) 功能更新後重新載入 extension / rebuild reload / reload extension。涵蓋 Manifest V3 service worker / content script / popup / options page 的 chrome-devtools-mcp 工具呼叫流程。不取代 Puppeteer / Playwright 自動化 E2E(CI 用),定位為開發期手動驗證與 LLM-assisted debug。