用途：当用户请求构建网页组件、页面、应用或界面时启用，目标是产出独特、可直接使用且具有高设计质量的前端代码，规避常见的AI同质化风格。
使用流程：用户提供前端需求（组件、页面、应用或界面），可能附带用途、受众或技术限制。该技能先做设计思考，再编写可运行代码。设计思考包括四个方面：用途（界面解决什么问题、谁使用）；语气风格（从极简、极繁、复古未来、自然有机、奢华精致、玩具感、杂志编辑、粗野主义、装饰几何、柔和粉彩、工业实用等方向中选定一个极端并贯彻）；约束（框架、性能、可访问性等技术要求）；差异化（什么让界面令人难忘）。
主要能力：编写生产级且可运行的代码（HTML/CSS/JS、React、Vue等）；视觉上醒目且凝聚于清晰的美学观点；细节精致。前端美学要点包括：字体选择避免Arial、Inter等通用字体，选用有特色的展示字体搭配精致正文字体；颜色使用CSS变量保持一致，以主色配鲜明点缀；动效优先用纯CSS，React中可用Motion库，重视整体页面加载的错落呈现与滚动、悬停效果；空间构成上采用不对称、重叠、对角线、破格布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧阴影、装饰边框、自定义光标、颗粒叠加等营造氛围与层次。
限制与要求：明确禁止使用过度使用的字体（Inter、Roboto、Arial、系统字体）、陈词滥调配色（尤其白底紫色渐变）、可预测布局和千篇一律的设计；要求实现复杂度与美学愿景匹配，极繁需丰富动画效果，极简需克制与精准；每次设计应避免趋同，在明暗主题、字体和美学上做出变化。资料未提供具体安装命令、收费价格或支持的平台信息。