用途：当用户要求构建网页组件、页面或应用界面时，该技能指导产出具有鲜明设计品质、可直接运行的生产级前端代码，避免通用化、套路化的 AI 生成审美。
主要能力：先做设计思考，明确界面解决的问题、使用者、技术约束，并选定一个鲜明且极端化的美学方向（如极简、繁复、复古未来、自然、奢华、玩趣、杂志编排、粗野主义、装饰艺术、柔和粉彩、工业实用等）。代码层面支持 HTML/CSS/JS、React、Vue 等，要求功能可用、视觉醒目、美学统一、细节精炼。
审美要点：字体上避免 Arial、Inter 等通用字体，选择有个性、可搭配的展示字体与正文字体；用 CSS 变量确保配色与主题一致，主色加锐利点缀优于均匀分布；动效聚焦高冲击时刻，如一次编排良好的错峰加载，HTML 优先纯 CSS，React 可用 Motion 库，并结合滚动与悬停状态；布局上鼓励非对称、重叠、对角流、破格元素与大胆留白或受控密度；背景与视觉细节可加入渐变网格、噪点、几何图案、分层透明、戏剧阴影、装饰边框、自定义光标与颗粒叠加。
与 shadcn 项目集成：在 shadcn/ui 项目中，可调用 shadcn-management 技能来发现组件、安装组件、获取用法示例，再用本技能做视觉定制，主要修改 globals.css 的 CSS 变量（如 --primary、--background、--foreground 与字体）、tailwind.config 的 theme.extend（颜色、字体、动画、关键帧）以及 components/ui 下组件的 className 覆盖。
适用场景：需要打造有辨识度、令人印象深刻的品牌页面、产品界面或组件库主题时。
限制：资料未提供具体价格、安装命令、平台支持范围与性能指标；强调实现复杂度需与美学愿景匹配，避免在不合适的场景强行堆砌效果。