用途：该技能用于指导创建独特、生产级的前端界面，避免千篇一律的“AI slop”审美，并实现真正可运行、注重美学细节与创意选择的代码。用户提供前端需求，例如组件、页面、应用或界面，可能附带用途、受众或技术约束等背景。
主要能力：在编码前先进行设计思考，明确目的、基调、约束与差异化；选择清晰的概念方向并精确执行。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求生产级、功能可用、视觉醒目、风格统一且细节精致。
美学指南：字体上选择美观、独特、有趣的字体，避免 Arial、Inter 等通用字体，将特色展示字体与精致正文字体搭配；色彩与主题上保持统一美学，使用 CSS 变量，以主色加锐利点缀；动效上用于效果与微交互，HTML 优先纯 CSS 方案，React 可用时使用 Motion 库，重视页面加载的编排式错落呈现，并利用滚动触发与悬停状态；空间构图上采用非对称、重叠、对角线流动、打破网格等意外布局，或大量留白或受控密度；背景与视觉细节上营造氛围与深度，可加入渐变网格、噪点纹理、几何图案、分层透明、戏剧性阴影、装饰边框、自定义光标、颗粒叠加等。
限制与注意：明确禁止使用过度使用的字体族（Inter、Roboto、Arial、系统字体）、陈词滥调的配色（尤其是白底紫色渐变）、可预测的布局与组件模式，以及缺乏语境特征的模板化设计。应创造性诠释，做出意外选择，不同设计之间应有所变化，避免在多次生成中收敛到常见选择（如 Space Grotesk）。实现复杂度需匹配美学愿景：极繁设计需要大量动画与效果的精细代码，极简或精致设计则需要克制、精确，并仔细处理间距、字体与微妙细节。资料未提供安装命令、收费、价格或平台信息。