用途：在构建 UI 组件、仪表盘或页面布局，或用户要求“设计一个 UI”“让界面好看”时调用，适用于 React、HTML、CSS、Tailwind 等前端样式工作，目标是让视觉质量与独特性成为重点。
主要能力：提供反 AI 套路原则，列出应避免的通用模式（居中英雄区、Inter/Arial/Roboto/system-ui 主字体、紫蓝渐变、统一圆角、相同卡片网格、低对比柔和色、动画渐变文字、装饰性通用图标）。给出四种美学方向：Brutalist Minimal、Maximalist Editorial、Warm Artisan、High-Tech Data，并附 CSS 变量与组件样式示例。还包含字体选择原则与类型比例、60/30/10 配色规则、动效设计（页面加载序列、状态过渡、Framer Motion/GSAP/CSS @starting-style）、布局原则（打破网格、留白、非对称）以及组件质量检查清单。
使用方式：设计前可运行 cat .claude/context/memory/learnings.md | grep -i "design|ui|frontend|css" 查看记忆；完成后将有效字体组合记录到 .claude/context/memory/learnings.md，将配色决策记录到 .claude/context/memory/decisions.md。相关技能包括 web-artifacts-builder、react-expert、styling-expert、shadcn-ui、enhance-prompt。
适用场景：需要独特品牌感、非模板化视觉的界面设计任务。
限制：资料未提供具体安装命令、收费、价格、平台支持或效果保证；部分字体与库需自行确认可用性。