用途：当用户需要构建前端组件、页面、应用或界面时，提供设计方向与实现指导，目标是产出独特、可运行且具设计品质的前端代码，避免千篇一律的AI生成风格。
主要能力：引导在编码前先做设计思考，明确用途（解决什么问题、给谁用）、基调（如极简、极繁、复古未来、自然、奢华、玩具感、杂志编辑、野兽派、装饰艺术、柔和粉彩、工业实用等）、技术约束（框架、性能、可访问性）和差异化记忆点。随后用HTML/CSS/JS、React、Vue等实现可运行代码，要求生产可用、视觉突出、风格统一、细节精细。
设计要点：字体选择要有辨识度，避免Arial、Inter等通用字体，可用特色展示字体搭配精致正文字体；色彩与主题用CSS变量保持一致，以主色加锐利强调色；动效用于效果与微交互，HTML优先纯CSS方案，React可用Motion库，重视如错落式页面加载等高冲击时刻；空间构成可采用非对称、重叠、对角线、破格布局，留白充足或密度受控；背景与视觉细节可加入渐变网格、噪点纹理、几何图案、分层透明、戏剧阴影、装饰边框、自定义光标、颗粒叠加等营造氛围。
适用场景：需要打造有明确审美主张、令人难忘的前端界面时使用。
限制：资料未提供具体安装命令、配置步骤、平台绑定或收费信息；实现复杂度需与美学目标匹配，极繁设计需更多动画与效果代码，极简设计则需克制与精确。