Claude Code 與多個 AI harness 通用的前端設計 skill，用 curated anti-patterns 規則攔下 AI slop（過度卡片巢套、bento box、紫漸層、Inter 預設審美）。觸發情境：建立新介面（teach / craft）、稽核既有設計（document / critique / audit）、瀏覽器內 micro 微調（live 模式）、調整風格強度（bolder / quieter / polish）。涵蓋 Typography、Color & Contrast、Spatial、Motion、Interaction、Responsive、UX Writing 七大設計面向。支援 Cursor、Claude Code、Gemini CLI、Codex CLI。
連結
相關
- Claude-Code-前端設計工作流 — Layer 1