用途：frontend-design 用于指导创建独特、生产级的前端界面，避免通用“AI slop”审美，并实现真正可运行的代码，注重审美细节与创意选择。适用场景是用户要求构建 Web 组件、页面、应用或界面时。
主要能力与流程：
- 明确需求：若需求未定义主题，需自行确定一个具体主题、受众和页面单一目标，并说明选择。
- 确定方向：写代码前定义完整审美方向，包括目的、语气、约束和差异化。语气可选极端风格，如极简、极繁、复古未来、自然、奢华、玩具感、杂志、粗野、装饰艺术、柔和、工业、手作、暗黑、低保真等。
- 设计令牌：先建立紧凑令牌系统，包括 4–6 个命名十六进制颜色、2–3 种字体角色、布局概念与 ASCII 线框、标志性元素。
- 校准检查：对比常见 AI 设计套路，如暖奶油背景加高对比衬线加陶土色、近黑背景加酸绿或朱红、报纸式布局等；若无需求依据，应修改并说明。
- 实现：产出可运行代码，支持 HTML/CSS/JS、React、Vue 等，要求生产级、功能完整、视觉突出、风格统一、细节精致。
审美参考：字体应美丽独特，避免 Arial、Inter、Roboto 或裸系统字体，也不默认 Space Grotesk；颜色用 CSS 变量定义，避免紫色渐变白底等通用 SaaS 模板；动效用于效果和微交互，HTML/CSS 优先纯 CSS，React 可用 Motion 库；布局可不对称、重叠、斜向、破格；背景与视觉细节可加渐变网格、噪点、几何图案、层叠透明、戏剧阴影、装饰边框、自定义光标、颗粒叠加等。
限制：资料未提供安装命令、收费、价格、平台或具体效果数据。需注意 CSS 优先级冲突，避免类之间静默覆盖；文案应主动语态、句式一致、错误说明修复方式、空状态引导操作。提交前自检是否像为其他需求生成。