用途：将平庸界面转化为有设计感的视觉体验，帮助用户美化网页、优化 UI/UX，并输出可直接使用的前端代码。触发场景包括美化页面、UI 优化、样式调整、前端设计、视觉优化等。
主要能力：先理解需求、现状与技术约束，再确立一个大胆清晰的美学方向（如极简精致、奢华质感、活力撞色、编辑杂志风、玻璃态、复古未来、粗野主义、中式雅韵、日式侘寂等）。核心能力涵盖颜色搭配（CSS 变量、亮暗两套方案、oklch/hsl、WCAG 2.1 AA 对比度）、排版优化（中文字体推荐、字体层级、行高与响应式字号）、响应式布局（Mobile-first、Grid+Flexbox、断点与容器查询）、动效与微交互（@keyframes、Framer Motion、cubic-bezier、尊重 prefers-reduced-motion）、组件美化（按钮、卡片、表单、导航、弹窗、表格、通知）以及暗色模式（独立色彩层级、prefers-color-scheme、主题切换）。还涉及渐变网格、噪点纹理、毛玻璃、彩色阴影等氛围细节，并参考 Bento Grid、3D 视差、可变字体、View Transitions、Scroll-driven Animations、oklch、Subgrid、Anchor Positioning 等趋势。
使用方式：用户提出具体美化需求并提供技术栈背景，技能按对应格式输出完整可运行代码，包含设计方向说明、代码与关键决策注释。
适用场景：组件、页面、应用或界面的视觉优化，落地页、仪表盘、内容平台等。
限制：不设计自定义图标、插画、Lottie 动画、3D 资产、真实图片素材或品牌 Logo，仅推荐相应工具或库；具体收费、价格与平台信息暂未提供。