Stitch代码提取DESIGN.md：从组件实值归纳语义角色，保留局部例外

素材身份：作者原创输入/可编辑参考。目标工具未在本轮执行。
先打开 index.html；input.csv 是原始字段，reference.csv 是验收基准，negative.csv 是故意构造的坏样例。
actual-results.csv 保留未测状态，实际执行后再填写。

前置条件：
本地练习资料可免费编辑与检查；执行Stitch需要可访问账号和已配置的官方MCP或SDK，云端额度/计划以账户页面为准。
在隔离练习项目操作，保留projectId、screenId和版本；本稿未调用目标云端，不能据此声称生成完成。

操作步骤：
1. 列出采样组件
准备InfoCard、AlertCard与ActionButton的源码，各保留颜色和间距实值。
先列出文件路径，避免代理只读根样式漏掉组件覆盖。

2. 运行官方提取工作流
按extract-design-md读取组件、主题配置和样式文件，再形成.stitch/DESIGN.md。
这是分析源码，不需要先重新生成整个应用。

3. 归并重复实值
把InfoCard与按钮共用的16px归到常规间距；primary=#184A45仅溯源ActionButton，InfoCard的#F7F4EC归为surface，记录各自使用位置。
AlertCard的橙色是业务警示，不按出现次数强行归入主色。

4. 保留组件例外
为AlertCard的12px间距写明适用范围，常规卡片仍为16px。
不要为追求整齐把所有组件padding一律改成同一值。

5. 校验规范结构
使用当前DESIGN.md schema校验颜色、尺寸和引用。
prose里的例外说明不等于已生成可消费token，必要时补对应条目。

6. 做反向追溯
随机选一个token，从规范找回原文件和属性位置。
找不到来源的值先标推断，不写成源代码本来如此。

7. 交付来源矩阵
保存规范、组件路径和例外清单，交给下一个设计任务。
源码未修改，不把提取报告称作组件迁移完成。

验收：
共享绿色只有一个语义token。
AlertCard的橙色与12px例外保留。
每个主要token可回到源码使用位置。

官方资料：
https://github.com/google-labs-code/stitch-skills

图片身份：assets/ 为内置image_gen生成的原创练习输入缩略版，原始文件保留在网站图片来源地址。可编辑SVG为作者原生排版。