Stitch提取网站设计系统：从自有站点追溯色值来源，不把截图近似色当规范

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

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

操作步骤：
1. 锁定来源页面
使用作者活动站的首页与票务页，记录完整URL和查看日期。
页面需要登录时先改用自制公开样本，不向工具提供登录凭据。

2. 记录源样式
从自有源码或浏览器样式记录主色、正文和卡片间距。
截图只能证明外观，不能凭肉眼断言一个渐变像素就是品牌主色。

3. 启动设计系统提取
在Stitch使用URL作为设计上下文，选择提取设计系统的入口。
账户没有该功能时保留未执行状态，不改走已退役的Mixboard或Whisk。

4. 标出推断与实值
逐项对比生成的DESIGN.md和源CSS，给无法直接对应的命名加上待确认。
若页面使用多个相近绿色，先按实际用途区分，而非全合并primary。

5. 核验第二页面
用票务页检查主按钮与警示条，查看它们是否应该共享同一语义色。
发现生成规范把警示色当主色时只修正该映射。

6. 制作消费样例
在本地用已确认token制作小卡片和购买按钮。
保留源站与样例的相同文字和宽度，便于对照。

7. 交付来源台账
保存URL、源CSS、规范和待确认项，逐项写出采用理由。
生成画面仅在实际取得后保存，不能用作者样例冒充Stitch结果。

验收：
primary可追溯到源CSS#184A45。
警示色#A74718没有被误作品牌主色。
推断值和确认值有分栏。

官方资料：
https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-ai-ui-design/

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