用途：当用户要求构建 Web 组件、页面、作品、海报或应用程序时使用此技能，例如网站、着陆页、仪表板、React 组件、HTML/CSS 布局，或对任何 Web UI 进行样式与美化。目标是生成富有创意、精致的代码和 UI 设计，避免通用的 AI 美学风格。
主要能力：在编码前先理解上下文并选定明确的美学方向，包括目的、基调、技术约束与差异化亮点；随后实现生产级且功能完整的代码（HTML/CSS/JS、React、Vue 等）。美学指南覆盖字体排印、色彩与主题、动效、空间构图、背景与视觉细节。字体上建议选择独特字体，避免 Arial、Inter 等通用字体；色彩使用 CSS 变量保持一致性，以主导色搭配鲜明点缀色；动效方面 HTML 优先纯 CSS，React 可用时使用 Motion 库，并关注页面加载错峰揭示、滚动触发与悬停状态；构图上鼓励不对称、重叠、对角线流动与打破网格；背景可加入渐变网格、噪点纹理、几何图案、分层透明度、戏剧性阴影、装饰边框、自定义光标和颗粒叠加等。
使用方式：用户提供前端需求，可附带目的、受众或技术约束等上下文。技能据此选择大胆的美学方向并精确执行，实现复杂度需与美学愿景匹配：极繁主义需要大量动画与效果，极简或精致设计则需克制、精确，注重间距、字体排印与微妙细节。
适用场景：网站、着陆页、仪表板、React 组件、HTML/CSS 布局，以及任何 Web UI 的样式与美化。
限制：资料未提供具体安装命令、收费、价格、平台或效果数据；应避免使用过度使用的字体系列、陈旧配色方案、可预测布局与千篇一律的设计，也不应在多代设计中趋同于常见选择。