用途：该技能用于指导创建独特、生产级的前端界面，避免通用的“AI slop”审美，并以对美学细节和创意选择的关注来实现真正可运行的代码。用户提供前端需求，如组件、页面、应用或界面，可能附带用途、受众或技术约束等背景。
适用范围限制：仅当实现目标是 Web 前端时使用。应用其美学指导前，需确认相关代码是 HTML/CSS/JavaScript 或 Web UI 框架。若仓库检查显示视觉表面由原生渲染器、GPU 着色器、游戏引擎、终端 UI、视频管线或其他非 Web 图形栈实现，应停止使用本技能，转交相应的语言、渲染或视觉验证工作流。仅要求“看起来更精致”并不构成 Web 前端范围。触发回归用例位于 evals/triggers.jsonl。
设计思路：编码前先理解上下文并确定大胆的美学方向，包括目的、基调（如极简、极繁、复古未来、自然、奢华、玩具感、杂志编辑、粗野主义、装饰艺术、柔和粉彩、工业实用等）、技术约束与差异化。关键是有明确概念方向并精确执行，极繁与极简均可，重点是有意为之。
实现要求：产出可运行代码（HTML/CSS/JS、React、Vue 等），需生产级、功能可用、视觉醒目、风格统一、细节精致。
美学指南：字体选择美观独特，避免 Arial、Inter 等通用字体，搭配特色展示字体与精致正文字体；用 CSS 变量保持色彩主题一致，主色加锐利点缀；动效用于效果与微交互，HTML 优先纯 CSS，React 可用 Motion 库，重视页面加载的错落揭示与滚动、悬停状态；空间构图追求非对称、重叠、对角流动、打破网格、留白或受控密度；背景与视觉细节营造氛围与深度，如渐变网格、噪点纹理、几何图案、分层透明、戏剧阴影、装饰边框、自定义光标、颗粒叠加。避免通用 AI 审美，如 Inter、Roboto、Arial、系统字体、白底紫色渐变、可预测布局与模板化设计。不同生成之间应变化主题、字体与美学，不要收敛到常见选择。实现复杂度需匹配美学愿景。
验证：完成前尽可能在目标运行时检查界面，验证布局、响应式行为、文本适配、对比度、交互状态，确认是可运行 UI 而非静态稿。本地应用可用浏览器或截图流程检查桌面与移动视口后再声称完成。