用途：当需要构建网页组件、页面、应用或任何 Web UI（网站、着陆页、仪表板、React 组件、HTML/CSS 布局）时使用，产出独特且生产级的前端界面，避免通用 AI 风格。
主要能力：提供设计思维框架（目的、调性、限制、独特性），以及前端美学五大支柱——排版、色彩与主题、动效与交互、空间与布局、背景与视觉细节。给出需避免的反模式及替代方向，并附常见风格调色板示例与质量检查清单。
使用方式：先做设计决策再写代码；选择明确的美学方向（极简、极繁、复古未来、粗犷、自然、科技等）并精确执行，再实现 HTML/CSS/JS、React、Vue 等可运行代码，实现复杂度与设计相匹配。React 项目动效可用 Motion 库，优先 CSS-only 方案。
限制：官方说明该 Skill 专注设计理念和美学规范，不包含具体实现代码；设计阶段完成后，建议配合 ReactBestPractices Skill 进行性能优化。