该技能用于指导构建独特、生产级的前端界面，目标是避开泛化的“AI slop”审美，将美学理念真正落实到可用代码中。
用途：当用户需要构建 Web 组件、页面或设计产物时，用此技能确定设计方向并实现界面。
主要能力：先确立大胆的美学方向，包括目的（解决什么问题、给谁用）、基调（极简、繁复、复古未来、自然、奢华、玩味、编辑杂志、粗野、装饰几何、柔和粉彩、工业实用等）、技术约束（框架、性能、无障碍）与差异化记忆点；再实现生产级、视觉突出、风格统一且细节精致的代码。
设计准则覆盖排版（模块化字阶、流体字号 clamp、避免 Inter/Roboto 等常见字体与等宽字体的滥用）、色彩（oklch、color-mix、light-dark，中性色向品牌色偏移，避免纯黑白、青紫渐变等 AI 配色）、布局空间（变化间距、非对称、有意图打破网格，避免卡片套卡片与同质卡片网格）、视觉细节、动效（错峰入场、指数缓动、仅动画 transform 与 opacity，避免弹跳缓动）、交互（渐进展示、乐观 UI、有教育意义的空状态）、响应式（容器查询）以及 UI 文案。
使用方式：在构建前端界面时调用该技能，按参考文档处理排版、色彩、空间、动效、交互与响应式等细节，并结合“AI Slop Test”自检——若界面一眼被认出由 AI 生成，即需调整。
适用场景：落地页、仪表盘或应用 UI、海报与营销物料等前端产物。
限制：资料未提供具体安装命令、依赖或平台要求；设计方向需结合具体项目约束判断。实现复杂度应与美学愿景匹配。