用途：该技能用于指导创建独特、可投入生产的前端界面，避免通用的 AI 审美，要求产出可运行的真实代码，并在美学细节与创意选择上高度讲究。用户需提供前端需求，即要构建的组件、页面、应用或界面，也可包含用途、受众或技术约束等背景。
主要能力：先做设计思考，明确用途、语气（可极简、极繁、复古未来、自然、奢华、玩具感、杂志编辑、粗野、装饰艺术、柔彩、工业实用等）、技术约束与差异化记忆点，选定清晰概念方向后精准执行。然后实现可运行代码（HTML/CSS/JS、React、Vue 等），要求生产级、功能可用、视觉醒目、风格统一、细节精细。
设计要点：排版选择美丽、独特、有性格的字体，避免 Arial、Inter 等通用字体，用特色展示字体搭配精致正文字体；色彩与主题用 CSS 变量保持一致，采用主导色加锐利点缀；动效用于效果与微交互，HTML 优先纯 CSS 方案，React 可用 Motion 库，重视高影响力时刻如带错落延迟的页面加载；空间构图上可不对称、重叠、斜向流动、打破网格，留白充沛或密度受控；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层次透明、戏剧阴影、装饰边框、自定义光标、颗粒叠加等营造氛围与深度。
限制：禁止使用过度使用的字体族、白底紫色渐变等陈词滥调配色、可预测布局与模板化设计；不同生成之间应变化主题、字体与美学，不得收敛到常见选择。实现复杂度需匹配美学愿景，极繁需繁复代码与动画，极简需克制、精准与对间距、排版、细节的细致处理。资料未提供具体安装命令、价格或平台信息。