ui-redesign：页面/模块视觉重做编排（Claude Design 协作）

把"某个页面想重新设计"跑成稳定闭环：发现 → 备料 → Claude Design（用户操作）→ 落地 → 复盘进化。本 skill 项目无关：技术栈、设计系统、提交流程等项目特色一律按指令现场发现，不硬编码（见 §1）。

0. 三条不变量（每次自带）

Claude Design = claude.ai/design 是 Anthropic 独立网页产品，由用户本人在浏览器操作，AI 无法代为驱动（需用户登录态；该产品/目标站点常被运行环境 egress 白名单挡，云端 curl/CDP 会 403）。AI 只负责"备好料"+"落地产出"，中间交给用户。它吃什么 context 才高效、接受/导出什么 → references/claude-design-context-spec.md。
设计系统是发现来的，不是假设来的：动手前必须先发现并读该项目自己的设计 tokens / 规范（§1）。禁止凭空发明色彩、字体、间距语言。
重做只动展示层：保留全部数据维度与交互（下钻/联动/排序/筛选/Tab/分页…）；不碰指标公式/阈值/数据口径。

按指令现场探测项目特色，产出一份《项目设计上下文》供后续所有阶段引用：

技术栈：读 package.json/pyproject.toml/go.mod 等 → 框架(React/Vue/Svelte/Next…)、CSS 方案(Tailwind/CSS-Modules/styled-components/UnoCSS)、组件库、构建/测试命令。
设计系统 SSOT：按优先级找——DESIGN.md/STYLEGUIDE*/design-system* 文档；tailwind.config.*；design tokens(tokens.*/theme.*/*/styles/*)；.claude/rules/*、CLAUDE.md/AGENTS.md/.cursorrules 里的 UI 约束。提取：语义色板、中性色阶、字体栈、组件预设(card/button/table)、数值/排版规则、暗色模式策略。
目标模块代码：用搜索 agent grep 关键词分组返回——页面、子组件、hooks/types、API/数据层、后端路由/查询(若有)。逐一记录每个交互(下钻/联动/排序/筛选/Tab) 形成"交互清单",作 Phase C/验收的对照基线。
提交流程：发现项目偏好的提交/PR 方式(是否有 *-commit-push-pr skill / CONTRIBUTING / PR 模板)。