复用组件、变量与资产

AI 很容易画出一个看起来相似的新对象。长期维护更重要的是复用正确来源，让相同规则只有一个维护入口。

写入前的复用检查

读取现有组件、变量和样式；在需要从设计实现代码时，再检查项目已有 UI 组件、Token 和 SVG 资产。

Figwright 提供组件、Token、图标映射工具。它们能帮助关联设计与项目，但映射结果需要检查语义。一个数值相同的颜色不一定承担相同职责，一个名称相近的按钮也不一定有相同交互。

已有 logo、照片或插画时，从设计导出或保存原始 image fill。截图可以用于展示，但不总是合适的生产资源：可能混入背景、缩放和文字。

本案例的星球图案是原创 SVG 导入后形成的可编辑矢量组件。导出的 SVG 和 PNG 有明确源节点，可在资源清单追踪。

网页组件、引擎 prefab、Canvas 绘制函数的复用方式不同。先确定项目栈，再使用现有结构；不要因为工具能扫描 React 组件，就承诺输出可直接运行的 Cocos 场景。

请先查找可复用的 Card、Button、Artwork 组件和语义变量。
给出“现有对象 → 本轮用途 → 需要的实例属性”表。
只有确实缺失的职责才创建新组件。
如需写游戏代码，先核实项目引擎与现有资源，再制定映射。

在关卡选择页新增入口，要求 AI 说明复用了哪些对象、产生了哪些新定义。检查是不是复制了一套无关联的矩形，或者引入了没有用途的新设计系统。