用途：把已有网站或应用升级到更高级的设计水准。它先读取代码库，识别框架与样式方案（Tailwind、原生CSS、styled-components 等）和现有设计模式；再逐项体检，列出通用AI套路、薄弱点与缺失状态；最后在当前技术栈上做小步、可审阅的定向修复，而非重写。
主要能力覆盖多个维度：排版（替换默认字体与Inter，优化字重字距行高、等宽数字）；颜色与表面（去掉纯黑背景与过饱和、单一强调色、暖冷灰混用、紫蓝AI渐变，阴影着色、加噪点与颗粒）；布局（打破居中对称、替换三卡平铺、用CSS Grid替代复杂flex计算、加max-width容器、min-height:100dvh避免移动端跳动、按钮与特性列表对齐）；交互与状态（悬停、按下、过渡、焦点环、骨架屏、空状态、错误态、禁用死链、平滑滚动、GPU动画）；内容（真实姓名与不规则数字、去AI文案腔、真实日期与头像、避免Lorem Ipsum）；组件与图标（去通用卡片、徽章、手风琴、轮播与模态套路，统一描边、补齐favicon）；代码质量（语义化标签、去内联样式与硬编码像素、alt文本、z-index规范、meta标签）以及常被忽略的合规与体验项（隐私条款、返回路径、404页、表单校验、跳过导航链接、Cookie同意）。
升级手法包括可变字体动画、描边填充、文字遮罩、破格不对称、留白最大化、视差堆叠、惯性滚动、错峰入场、弹簧动效、滚动驱动揭示、真实玻璃拟态、聚光边框、颗粒叠加与着色阴影等。
使用方式：将该技能应用到项目后按“扫描—诊断—修复”流程执行。修复优先级依次为换字体、清理配色、补齐悬停/按下状态、修正布局与间距、替换通用组件、补加载/空/错误状态、最后精修排版与间距。
限制与规则：必须沿用现有技术栈，不迁移框架或样式库；不破坏既有功能，每次修改后需测试；导入新库前先查依赖文件；使用Tailwind需先确认v3或v4再改配置；无框架时用原生CSS；改动保持聚焦、可审阅，避免大规模重写。资料未提供具体收费、平台限制或量化效果。