用途：当用户要求构建 Web 组件、页面、应用或界面时，该技能引导生成独特、生产级且可运行的前端代码，强调高设计质量，避免通用化的“AI slop”审美。
主要能力与流程：先理解需求背景（解决的问题、使用者、技术约束），再确定一个大胆的审美方向，如极简、极繁、复古未来、自然、奢华、玩具感、杂志编辑、粗野主义、几何装饰、柔和粉彩、工业实用等，并明确差异化记忆点。随后以实现可运行代码为目标，产出功能完整、视觉醒目、风格统一且细节精炼的界面，技术可为 HTML/CSS/JS、React、Vue 等。
设计要点：字体上选择美观、独特、有性格的字体，避免 Arial、Inter 等通用字体，常以特色展示字体搭配精致正文字体；颜色与主题用 CSS 变量保持一致，以主色加强调色；动效用于效果与微交互，HTML 优先纯 CSS，React 在可用时用 Motion 库，重视有编排的加载与滚动、悬停状态；空间构图上可不对称、重叠、突破网格，或大量留白，或控制密度；背景与视觉细节可用渐变网格、噪点纹理、几何图案、层叠透明、阴影、装饰边框、自定义光标与颗粒叠加营造氛围与层次。
限制与注意：应避免过度使用的字体、俗套配色（如白底紫色渐变）、可预测布局与模板化设计；不同生成之间应变化明暗主题、字体与风格，不收敛到常见选择；实现复杂度需匹配审美愿景，极繁需要丰富动画与效果，极简则需克制与精确。具体框架支持、版本或依赖要求暂未提供。