用途：该技能面向需要构建组件、页面、应用或界面的前端任务，引导 AI 智能体先做设计思考，再产出真实可运行、视觉出众且风格统一的代码。
主要能力：在编码前明确目的、受众、技术约束与差异化记忆点，并选定一个明确的美学方向（如极简、极繁、复古未来、自然、奢华、玩具感、杂志编辑、野兽派、装饰艺术、工业风等），然后以精度执行该方向。实现层面可覆盖 HTML/CSS/JS、React、Vue 等，要求生产级、功能可用、视觉醒目、风格连贯、细节精炼。
美学指引：排版上选择独特有性格的字体，避免 Arial、Inter 等通用字体，宜用特色展示字体搭配精致正文字体；色彩用 CSS 变量保持一致性，以主色调加锐利强调色取代平均分布；动效优先纯 CSS，React 可用时使用 Motion 库，重视页面加载的分阶段揭示与滚动、悬停等惊喜效果；布局追求非对称、重叠、对角流动与打破网格；背景与细节可用渐变网格、噪点纹理、几何图案、分层透明、戏剧阴影、装饰边框、自定义光标和颗粒叠加，营造氛围与纵深。
限制与注意：明确禁止常见 AI 生成审美，如滥用 Inter、Roboto、Arial、系统字体，白底紫色渐变，可预测的布局与组件模式，以及缺乏语境特征的模板化设计；同时要求在不同生成之间变化明暗主题、字体与风格，不要反复收敛到相同选择。实现复杂度需与美学愿景匹配：极繁设计需要大量动画与效果代码，极简设计则需要克制、精确和对间距、排版、细节的审慎处理。
使用方式：由 AI 智能体安装该技能，用户提供前端需求及用途、受众或技术约束后，技能引导完成设计方向选择与代码实现。具体安装命令与平台支持信息暂未提供。