用途：该技能用于指导生成风格鲜明、达到生产级质量的前端界面，核心目标是摆脱千篇一律的“AI 味”审美，产出真正有设计意图的可用代码。
主要能力与设计要点：
- 设计方向：先明确界面要解决的问题与使用者，选定一种大胆的美学基调（如极简、极繁、复古未来、自然有机、奢华精致、编辑杂志风、粗野主义等），并落实差异化记忆点；强调方向清晰、执行精准，而非单纯追求强烈。
- 排版：选择美观独特的字体，搭配独特的展示字体与精致的正文字体；使用 clamp 做流体模块化字号，通过字重与字号变化建立层级；文档明确不建议使用 Inter、Roboto、Arial、Open Sans 等常见字体，也不建议把等宽字体当作“技术感”的偷懒表达。
- 色彩与主题：采用统一调色板，主色配锐利点缀色；建议使用 oklch、color-mix、light-dark 等现代 CSS 颜色函数，中性色向品牌色偏色；不建议使用纯黑纯白、灰字配彩底、青色配深色、紫蓝渐变、霓虹暗色等常见 AI 配色，也不建议用渐变文字做“冲击力”。
- 布局与空间：通过疏密变化营造视觉节奏，拥抱非对称与意外构图，有意为强调而破格；不建议把所有内容都塞进卡片、卡片嵌套卡片、重复等大卡片网格以及“大数字+小标签”的英雄指标模板。
- 视觉细节与动效：装饰元素要有目的；不建议滥用毛玻璃、单侧粗色边框、装饰性迷你图、通用圆角阴影卡片，以及非必要弹窗。动效聚焦高影响力时刻，如一次编排好的页面加载错落揭示；使用指数缓动，高度动画用 grid-template-rows 过渡，避免动画布局属性，避免回弹/弹性缓动。
- 交互与响应式：交互要快，采用乐观 UI；渐进式披露，先简单后展开；设计能教学的空状态；用容器查询 @container 做组件级响应，移动端要适配而非删减功能。
- UX 文案：每个字都要有其价值，避免重复用户已看到的信息。
- AI Slop 测试：如果界面让人一看就断定“这是 AI 做的”，即为失败；理想效果是让人好奇“这是怎么做出来的”。
实现原则：实现复杂度需匹配美学愿景，极繁设计需要丰富动画与效果，极简设计需要克制与对间距、排版、细节的精准把控；每次生成应变化主题、字体与风格，不要收敛到常见选择。
限制：资料未提供具体安装命令、平台支持、收费标准与使用方法，暂未提供。