設計工具、設計系統文件與視覺靈感蒐集。
設計工具與工作流
- Claude-Code-前端設計工作流 — 七層工作流（Skill 注入 → 視覺參考 → 逆向工程 → Flow Engineering → 設計工具整合 → 個人化 → 前端建築師）
- Pencil-讀取規則 — Pencil MCP 讀 .pen 節點的遞迴與 ref descendants 規則
工具書籤
- Impeccable-前端設計Skill — 反模式規則 + 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）