用途：指导构建独特、生产级别的前端界面，适用于网页组件、页面、作品、海报、应用、落地页、仪表盘、React 组件及 HTML/CSS 布局，或对现有网页 UI 进行样式美化。
主要能力：在编码前先确定设计上下文与大胆的美学方向，包括目的、基调、技术约束与差异化亮点；随后实现可工作代码（HTML/CSS/JS、React、Vue 等），要求功能完善、视觉冲击力强、整体协调且细节精雕细琢。
美学指南：字体排版上避免 Arial、Inter 等通用字体，选择独特展示字体搭配精致正文字体；色彩使用 CSS 变量保持统一，主导色配鲜明强调色；动效优先纯 CSS，React 可用 Motion 库，聚焦页面加载错落渐显、滚动触发与悬停状态等高影响力时刻；空间构图追求不对称、重叠、对角线流动与打破网格；背景与视觉细节可用渐变网格、噪点纹理、几何图案、叠加透明度、戏剧性阴影、装饰边框、自定义光标与颗粒覆盖层等营造氛围。
使用方式：用户提供前端需求及用途、受众或技术约束背景，技能据此选择清晰概念方向并精准执行，在极简与极繁之间保持意图明确。
限制：资料未提供具体安装命令、收费方式、平台支持范围或效果保证；实现复杂度需匹配美学愿景，极繁设计需大量动画与效果，极简设计需克制与精准。