# 续跑 Prompt — Claude Design → Figma 档 B 还原（下个 session 直接用）

> 用途：本次 session（2026-07-01）context 已满，此文件是下个 session 的自包含续跑入口。可整段复制给新 session，或让它先读本文件。

---

## 一句话任务
用「档 B」（Figma MCP `use_figma` 编程式装配）把 Claude Design 产物用**真实 TVU 设计库**还原到 Figma，收尾剩余待办 + 把复盘做成 Figma Slide 供内部分享。

## 先读（关键上下文）
- memory `~/.claude/projects/-Users-nancy-Documents-Claude-Design/memory/htmltodesign-workflow.md`（档 B 通路 + TVU 库 key + 图标结论纠正 + chart-color 缺口）
- memory `~/.claude/projects/-Users-nancy-Documents-Claude-Design/memory/figma-assembly-self-check.md`（装配 7 条纪律：字体/绑变量/theme/componentize/binding-audit/**锁唯一库**/**回流边界**）
- 实录 `Documents/Claude Design/docs/track-b-restore-log.md`（2 屏还原全过程 + 问题清单 + 末尾「待办」段）
- 复盘 `Documents/Claude Design/docs/track-b-retrospective-share.md`（上个 session subagent 生成，供做 Slide；先确认是否已完成）

## Figma 坐标（文件 `MnZ5FjRjFcK503juzOFlBr`）
- 说明板 board `5:10`（8 节）
- 档 B 还原：Studio·Overview = `32:114`；Live·Discover = `41:396`（对比 html.to.design 导入版 `14:822`）
- Browse Categories chip = `45:440` / `451` / `462` / `473`(IRL) / `484` / `495` / `506` / `517`(eSports)
- Live 卡主组件 = `45:342`（INSTANCE_SWAP 属性 `thumbIcon`）
- **权威库 TVU UX Design System**：library key `lk-057f6ba0f771bfa7f63a6a197502999462c2974f995488b381708ca5faadb7f9f6675e04aa442b3a5ffb31732150a7f5aa8ca3102073ab210edc684022fc6c21`、fileKey `YbsPRUVmNdsbN40NNwh1Gn`

## 待办（按优先级）

> **⚠️ 2026-07-01 收尾时状态更新**：一个**并发的另一 session** 已完成下方部分待办——**chart-color 上色**（8 chip）、**复盘 Figma Slide 8 页**（frame `67:547`…`76:546`）、**§2.1 论据纠正**、**规则 commit**（`408b2aaa` M36.1/F1.6/§2.1-2.2 + 本 session `b0b0b595` meta-rules 回流边界/回流即提交）。**新 session 先 `git log` + 看 Figma 现状核对，别重做已完成项。真正剩余 = 下方第 1、5 项 + chart-color 根治（publish 变量）+ review 已建的 slide。**

1. **换回正确库图标**：IRL/eSports 等图标误用了 `TVU UX Library`（如 `icon/RC/location 1`）。全屏排查每个 remote 实例的来源 library，非 TVU UX Design System 的换回 TVU DS 对应图标（search 强制 `includeLibraryKeys=[TVU DS key]`，找不到报缺不 fallback）。
2. **chart-color 回绑变量**：8 chip + 7 缩略图底色现按 HTML 硬编码。已核实：`--chart-color-1..4` 是 brand/red/blue/orange 别名（Figma 有 `UX/*` 变量，可回绑）；`5..12` 是裸 hex，Figma 库无对应变量（要么 owner 把它们 publish 成 Figma 变量再绑，要么保持硬编码 + 标注）。
3. **复盘做成 Figma Slide 页内展示**：核对 `docs/track-b-retrospective-share.md`（未完成先补），据它在 Figma 文件里做一版 Slide 形式复盘页（便于内部分享，格式优化）。**必须含三条教训**：① 锁定唯一库 ② 命名映射（非库缺）③ componentize。（复盘留项目侧，不进设计系统仓库。）
4. **问 owner 是否 commit TVU DS 规则改动**（都未 commit）：`mockup-conventions.md` M36.1 + M32.3、`design-process.md` F1.6、`CLAUDE_DESIGN_RULES.md` §2.1-2.2、`meta-rules.md`（回流边界：仓库只收规则、复盘归项目侧）。commit message 已在实录/上个 session 对话。（注：§2.1「库无题材图标」错误论据已被另一 session 并发纠正；这几处均只含**规则文本**，无项目复盘。）
5. **机制强制**（根治「用错库/漏纪律」）：① 派装配 subagent 的 skill/prompt 模板内置「锁 TVU DS library key」contract；② 写 `audit:instance-library-source` 脚本，扫 Figma 产物里每个 remote 实例的来源 library，非 TVU DS 报警（可与 TVU DS 仓库既有 `audit-mockup-library-origin` 并入）。

## 铁律（改 Figma 前必读）
- 改 Figma 前先 `Skill figma:figma-use`；调 `use_figma` 时 `skillNames` 带 `figma-use,figma-generate-design`。
- **所有 `search_design_system` 强制 `includeLibraryKeys=[TVU DS key]`；库内找不到明确报缺、禁止 fallback 到其他库**（TVU UX Library / 社区 kit）。
- 有库变量**绝不硬编码**；跨 set **实读变体名**（light `Radius=` / dark `radius=`）；深色底用 dark set。
- 重复模块（≥2）**必做本地组件 + 实例**（componentize），差异用 property/override，不平铺独立 frame。
- 透明容器 `fills=[]`（默认白底在深色屏上会露白块）。
- 搭完跑 **binding-audit**（未绑实色 + 每实例 set/theme/remote + **来源 library**）。
- **派 subagent 必把上述锁库/绑变量/componentize 纪律写进 prompt**（AI 不盯着会「随便找库」）。
- **设计系统仓库只收规则，复盘/项目记录归所属项目侧**。
- **别因「搜不到」就下「库里没有」结论**——换功能语义词再搜（图标按功能命名，非题材）。
- 视觉：TVU 品牌绿 `#2fb54e`；库文字样式是 Roboto（说明板 meta 层用 Inter）。

## 关键结论（分享用金句）
- **打通在下游可行，但要换通道**（`use_figma` 装配，非 html.to.design 加配置）。
- **档 B = AI 装配 + 人审**（button theme / 红点漏绑 / 白底 / 漏 componentize / 图标用错库 / 命名映射误判——全靠人审揪出）。
- **真瓶颈是「命名映射」不是「库缺」**；理想解是 Code Connect，但 TVU Figma 是 Professional plan（publish 需 Org/Ent → 401）用不了，只能 `use_figma`+search 曲线救国。
- html.to.design = 像素快照（快、保真、无语义、不连库）；档 B = 语义重建（真库实例 + 绑变量 + componentize，前期慢后期一致性强）。