用途:指导创建独特、生产级的前端界面,避免通用“AI slop”美学,输出真实可运行的代码而非模型或线框图。适用于构建 Web 组件、页面或完整应用,用户要求“高级”“获奖级”“独特”外观,重设计现有界面,或实现阶段涉及 UI 创建时;不适用于纯后端或非视觉任务。
主要能力:先做设计思考,明确用途、受众、基调(如极简、复古未来、奢华、编辑风、粗野主义等)、技术约束与差异化亮点;再以 HTML/CSS/JS、React、Vue 等实现生产级、视觉突出且细节精致的代码;最后验证字体加载、配色统一、动画流畅与空间构图。美学指南涵盖排版(避免 Arial、Inter、Roboto、系统字体及 Space Grotesk 等滥用字体,搭配特色展示字体与精致正文字体)、配色(CSS 变量、主色加锐利点缀、避免俗套紫色渐变)、动效(优先 CSS,React 可用 Motion,重视页面加载的错落揭示)、空间构图(不对称、重叠、破格、留白或受控密度)、背景细节(渐变网格、噪点、几何图案、层叠透明、戏剧阴影、自定义光标等)。
使用方式:由主智能体直接运行该技能,需迭代视觉判断并与用户直接对话确定美学方向;输出为 HTML/CSS/JS 源文件、组件文件或整页实现。规则要求设计先行、拒绝 AI 味、每次生成保持主题字体与构图多样、复杂度匹配愿景、代码可运行且交互有效、响应式适配,并针对具体场景塑造独特气质;不使用内置 explore 子智能体。
限制:不用于纯后端或非视觉任务;具体安装命令、收费与平台支持信息暂未提供。