用途：当用户要求构建前端组件、页面或界面时，该技能引导生成独特且达到生产级质量的前端实现，避免通用的“AI 感”审美。适用对象是需要设计并落地前端界面的用户，可能附带用途、受众或技术约束等背景。
主要能力：在编码前先进行设计思考，明确要解决的问题与使用者、选定一个极致的美学基调（如极简、繁复、复古未来、自然、奢华、玩具感、杂志风、粗野主义、装饰几何、柔和粉彩、工业风等）、梳理技术约束（框架、性能、可访问性），并确定差异化记忆点。随后实现可运行代码（HTML/CSS/JS、React、Vue 等），要求生产级且可用、视觉醒目、风格统一且细节考究。
美学指引：字体上避免 Arial、Inter 等通用字体，选择独特、有性格的字体，将展示字体与正文精细字体搭配；颜色主题保持统一并用 CSS 变量维护一致性，采用主色配锐利强调色；动效用于效果与微交互，HTML 优先纯 CSS 方案，React 可用时使用 Motion 库，重视加载时的编排与交错呈现、滚动触发与悬停状态；空间构成上追求非对称、重叠、对角流动、打破网格的布局，以及大量留白或受控的密集；背景与视觉细节上营造氛围与层次，加入渐变网格、噪点纹理、几何图案、层叠透明、戏剧性阴影、装饰边框、自定义光标、颗粒叠加等。
使用方式：用户提供前端需求（组件、页面、应用或界面）及可能的背景与约束；技能据此先确定美学方向，再实现代码。应避免常见选择跨代重复，在明暗主题、字体与美学之间变化，并让实现复杂度匹配美学愿景——繁复设计需详尽代码与丰富动效，极简设计需克制、精准与对间距、字体和细节的用心。
限制：资料未说明具体收费、价格、平台支持范围与效果保证等信息，暂未提供。