跳到技能内容
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
技能目录24 小时热门TOP100 技能每日更新
Skills 技能/Eldergenix/Codex-Design/handoff-and-refactor

handoff-and-refactor

Codex 前端交接技能:拆分组件并记录验证结果

English

Codex 安装步骤

  1. 运行 git clone https://github.com/Eldergenix/Codex-Design.git。进入克隆目录并运行 git checkout --detach 99b4b08ff62b8dd3a7a112438c1460fd6a02d09c。
  2. 复制完整 skills/handoff-and-refactor 到目标项目的 .agents/skills/handoff-and-refactor,保留随附文件。
  3. 从目标项目打开 Codex,用 /skills 或 $handoff-and-refactor 选择技能,再输入本页示例。

中文摘要

在界面交付后梳理文件、组件、设计令牌、状态与可访问性。适合把数据读取和界面职责拆开,再给接手者一份可核对的变更说明。

SKILL.md 中文导读

可复现示例

准备一个模拟阅读列表页面,组件同时负责筛选、卡片和空状态。请拆出筛选和卡片组件,保留已有界面行为,记录键盘验证与已知问题。

工作步骤

  1. 找出组件中的数据、展示和交互职责。
  2. 沿已有设计令牌拆分边界,并检查状态和键盘行为。
  3. 写清改动文件、执行结果与剩余问题。

验收方法

交接记录列出改动路径、组件分工、覆盖的筛选和空态、实际执行的检查,以及仍待验证的事项。

GitHub 原文 · 更新日期 2026-11-11

适用环境

需要可访问本地项目的 Codex。将固定版本中的技能目录与随附文件一起使用。

常见问题

交接说明应该把未执行的检查写成通过吗?

把已运行的检查和待验证项分别记录。比如能证明键盘能操作筛选,就给出步骤和结果。未用设备测试的场景留在待验证项。

技能信息

GitHub 仓库
Eldergenix/Codex-Design

收集于互联网

相关推荐

  • codex-design-core 技能

    Eldergenix/Codex-Design

  • Codex 设计系统技能:整理 CSS 变量和深浅主题

    Eldergenix/Codex-Design

  • Codex 空状态技能:设计加载、流式输出与重试

    Eldergenix/Codex-Design

  • Codex React Native 界面技能:处理键盘和安全区

    Eldergenix/Codex-Design

  • Codex 界面动效技能:菜单、开关和减少动态效果

    Eldergenix/Codex-Design

  • ChatGPT 产品设计需求澄清技能:从想法到设计简报

    Eldergenix/Codex-Design

词映 AI 导航Skills 技能
工具分类全部工具已本地化技能选型指南AI 快讯