用途：当用户已有可正常运行的 React/HTML/CSS 代码，只希望把视觉层做得更好看、更高级时使用该技能。
核心原则：JavaScript 逻辑不可改动，包括 useState/useReducer、useEffect/useCallback/useMemo、API 调用、事件处理逻辑、条件渲染、路由、表单校验、Context、自定义 Hook、数据变换、错误处理、props 接口与第三方库集成逻辑。可升级的部分包括 className、内联样式、CSS/SCSS、Tailwind 与 Bootstrap 类、颜色、字体、间距、圆角、阴影、过渡与动画、z-index、flex/grid 布局以及纯布局用包裹 div。灰区元素（如 className 里的三元表达式、受状态驱动的内联 display、map 与 key、ref、aria-/data-/id 属性、事件处理绑定、条件包裹 div）需谨慎：保留逻辑，只改样式；不确定时保留原结构并并列叠加样式，不改动 JSX 结构以免破坏应用。
流程分五个阶段，每阶段都有质量门禁，未通过不得进入下一阶段：1) 审计：通读全部文件，按 Sacred 与 Slop 分类，标注每个文件风险等级（低/中/高），列出具体视觉问题并输出审计摘要；2) 提取：从 tokens、排版、间距、色彩、组件、氛围、动效 7 个层面记录当前设计决策，形成“Slop Sheet”快照；3) 处方：为每个待改项给出目标替换方案，形成逐项映射；4) 手术：按层执行替换；5) 术后：验证未破坏功能，做视觉比对、响应式检查与动效检查。部分细节（如第 3 阶段具体处方、完整执行步骤）在资料中未完整提供。
限制：不涉及功能新增、不承诺具体效果或性能提升；不提供独立安装命令，也未提供收费、价格或平台信息，需结合宿主环境使用。