codex 可自动复用项目自定义组件而非 ant design 默认实现，需确保组件路径可被扫描、配置 context.json 映射、并在 prompt 中声明约束，验证 import 路径与运行时无报错即成功。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
让 Codex 生成的前端组件自动复用你项目中已有的 Button、Table、Modal 等自定义组件，而不是重新造轮子或硬塞 Ant Design 的默认实现，这是保证生成代码能直接进主干分支的关键一步。它不是靠你手动改 import，而是让 Codex 在生成前就“看见”并“理解”你的组件库结构。
确认 Codex 能读到你的组件库文件
打开终端，进入你的项目根目录（即包含 package.json 的那一层），确保当前工作区里有 src/components 或 libs/ui 这类明确存放自研组件的路径。Codex 启动时会自动扫描这些目录，但【如果组件分散在多个 workspace 子包中，且未通过 lerna/pnpm workspaces 正确链接，Codex 将无法识别跨包组件】。
运行 codex init — 它会在项目根目录下生成 .codex/context.json，默认启用 full-project-scan 模式。别跳过这步，否则后续所有生成都只基于空上下文。
告诉 Codex 你用的是哪个组件库
方法一：在 prompt 中直接声明技术栈约束
在 VS Code 侧边栏唤出 Codex 对话框后，第一句话必须带明确约束，例如：“用 React 18 + TypeScript 编写一个用户管理表格组件，严格使用项目中已有的 @myorg/ui 库中的 Table、Button、SearchInput 组件，不要引入 antd 或 element-plus。”
方法二：在 .codex/context.json 中预设组件映射规则
编辑该文件，在 "component_mappings" 字段下添加：{"Table": "./src/components/Table/Table.tsx", "Button": "./src/components/Button/Button.tsx"}。这样 Codex 在生成时会自动替换 import 路径，并校验 props 类型是否匹配。
通过本地 Codex 或 OpenClaw OAuth 凭证直接调用 ChatGPT/Codex Responses 的 image_generation 工具来生成或编辑光栅图像，然后保存
注意：路径必须是相对项目根目录的正确路径，拼错一个字符就会 fallback 到通用实现。
验证组件复用是否生效
第一步：触发一次最小化生成任务
在 Codex 对话框中输入：“生成一个带搜索框的空白表格组件，只渲染表头，使用项目中已有的 Table 和 SearchInput。”
第二步：检查生成结果的 import 行
如果看到 import { Table } from '@myorg/ui' 或 import Table from '@/components/Table/Table'，说明复用成功；若出现 import { Table } from 'antd'，说明上下文扫描失败或 prompt 约束被忽略。
第三步：立刻在本地启动开发服务器，把生成的组件文件保存到 src/pages/UserList/index.tsx，观察控制台是否报 Module not found 错误。没有报错，且 UI 渲染风格与你现有组件一致，即为通过验证。
