handoff-and-refactor
Codex 前端交接技能:拆分组件并记录验证结果
EnglishCodex 安装步骤
- 运行 git clone https://github.com/Eldergenix/Codex-Design.git。进入克隆目录并运行 git checkout --detach 99b4b08ff62b8dd3a7a112438c1460fd6a02d09c。
- 复制完整 skills/handoff-and-refactor 到目标项目的 .agents/skills/handoff-and-refactor,保留随附文件。
- 从目标项目打开 Codex,用 /skills 或 $handoff-and-refactor 选择技能,再输入本页示例。
中文摘要
在界面交付后梳理文件、组件、设计令牌、状态与可访问性。适合把数据读取和界面职责拆开,再给接手者一份可核对的变更说明。
SKILL.md 中文导读
可复现示例
准备一个模拟阅读列表页面,组件同时负责筛选、卡片和空状态。请拆出筛选和卡片组件,保留已有界面行为,记录键盘验证与已知问题。工作步骤
- 找出组件中的数据、展示和交互职责。
- 沿已有设计令牌拆分边界,并检查状态和键盘行为。
- 写清改动文件、执行结果与剩余问题。
验收方法
交接记录列出改动路径、组件分工、覆盖的筛选和空态、实际执行的检查,以及仍待验证的事项。
GitHub 原文 · 更新日期
适用环境
需要可访问本地项目的 Codex。将固定版本中的技能目录与随附文件一起使用。
常见问题
交接说明应该把未执行的检查写成通过吗?
把已运行的检查和待验证项分别记录。比如能证明键盘能操作筛选,就给出步骤和结果。未用设备测试的场景留在待验证项。