用途：当用户要求构建网页组件、页面或应用界面时，该技能指导智能体产出独特、生产级、高设计质量的前端界面，避免通用化“AI slop”审美。
主要能力：先做设计思考，明确用途、受众、技术约束，并确定大胆的美学方向，如极简、繁复、复古未来、自然、奢华、玩具感、杂志编辑、粗野、装饰几何、柔和粉彩、工业实用等。随后用 HTML/CSS/JS、React、Vue 等实现可运行代码，要求功能性、视觉冲击力、美学一致性和细节打磨。指南涵盖字体（避免 Arial、Inter 等通用字体，搭配独特标题与正文）、色彩主题（用 CSS 变量，主色加锐利点缀）、动效（优先纯 CSS，React 可用 Motion，重视页面加载编排、滚动触发与悬停）、空间构成（非对称、重叠、斜向流、打破网格）、背景与视觉细节（渐变网格、噪点、几何图案、分层透明、戏剧阴影、自定义光标等）。
使用方式：用户提供组件、页面、应用或界面需求及背景信息，技能据此选择明确概念方向并精确执行。
限制：资料强调避免常见 AI 生成审美和趋同选择，按美学愿景匹配实现复杂度；但未提供具体安装命令、配置文件或代码示例。