UI設計

設計工具、設計系統文件與視覺靈感蒐集。

設計工具與工作流

• Claude-Code-前端設計工作流 — 七層工作流（Skill 注入 → 視覺參考 → 逆向工程 → Flow Engineering → 設計工具整合 → 個人化 → 前端建築師）
• AI-設計品質量化檢測 — 讓 AI 對生成 UI 自動檢測、修正、重跑的品質閉環
• Pencil-讀取規則 — Pencil MCP 讀 .pen 節點的遞迴與 ref descendants 規則

工具書籤

• Impeccable — 反模式規則 + 23 commands 的 Claude Code skill（前端設計工作流 Layer 1）
• Awwwards — 高品質網站靈感與獎項平台（Layer 2 視覺參考）
• Stitch — Google Labs AI-native 設計畫布（Layer 5 設計工具整合）
• Awesome-Design-MD — 公開網站抽出的 DESIGN.md 範例集合（風格研究起點）
• DESIGN.md — Google Labs 設計系統文件格式 spec（alpha）