用途：该技能用于指导创建独特、生产级的前端界面，避免千篇一律的“AI 粗糙”美学，在实现可用代码的同时高度关注美学细节与创意选择。
主要能力：覆盖排版、颜色与主题、动效、空间构成、背景与视觉细节等前端美学指南；提供设计思维流程（目的、风格方向、技术限制、差异化）；给出字体组合、CSS 变量主题、动画、不对称网格、渐变网格、噪点纹理、玻璃态等示例；并列出代码质量标准与完成后的检查清单。
使用方式：当用户请求构建 Web 组件、页面或完整应用，创建着陆页、仪表盘或营销页面，设计 React、Vue 或原生 HTML/CSS 界面，美化或重设计现有 Web UI，或创建用于 Web 的海报、素材与视觉元素时使用。工作流程为：理解需求、设计思考、技术决策、实现、精细化。
适用场景：SaaS 着陆页、数据分析仪表盘、React 组件库等前端项目。
限制：资料未提供安装命令、收费、价格、平台与效果数据；技能本身为设计指导，不保证具体产出效果。