用途：该技能面向网页组件、页面与应用的前端开发，强调创建独特、生产级界面，避免通用“AI 味”审美。适用于新建组件或页面、落地页与营销站、设计导向应用、作品集与展示项目，以及需要摆脱模板化外观的场景。
主要能力：引导在写代码前完成设计思考，包括理解目的、受众与技术约束，选择并坚持鲜明的美学方向（如极简、复古未来、编辑杂志风、玻璃拟态等），并聚焦差异化亮点。它给出手写体、配色与主题、动效编排、空间构图、背景与视觉细节的实践建议，强调用 CSS 变量、分层背景、错落加载动画与 z-index 叠层营造氛围。
使用方式：技能通过描述与准则指导实现，不依赖安装命令。对 HTML 可用纯 CSS 实现交错动画与径向渐变背景；对 React 可用 motion（framer-motion）的 variants 与 staggerChildren 做编排。要求实现是可用代码而非效果图，并匹配复杂度：极简设计需克制留白与精致字体，极繁设计才用丰富动效与纹理。
限制：技能需与具体框架和项目约束结合使用；文本未提供收费、价格、平台、安装命令或性能数据，暂未提供。所有要求以可访问性、性能、响应式和代码可用性为交付前提。