Codex 前端模块边界技能：拆分分页状态、API 与显示
EnglishCodex 安装步骤
- 从固定 GitHub 提交复制 `.codex/skills/module-boundary-guard/` 完整目录到项目 `.agents/skills/module-boundary-guard/`。
- 在 Codex 指定一段现有页面代码，先把职责映射到文件和函数。
中文摘要
梳理页面编排、传输、领域规则和组件渲染，找出拥有多个变更原因的模块。
SKILL.md 中文导读
可复现示例
为本地订单列表梳理 `OrdersPage`：目前同一组件组装请求、维护分页并渲染。请输出拆分方案及需保留的行为。工作步骤
- 分清传输层参数映射与状态层分页逻辑，让组件只发出用户操作。
- 用现有夹具核对初始加载、继续翻页、请求失败和重试。
验收方法
方案给出页面、请求、分页状态和展示职责的位置，原加载顺序和失败提示有相应测试。
GitHub 原文 · 更新日期
适用环境
适合本地前端项目，准备页面、API 调用和现有测试。
常见问题
拆分模块一定要增加新的抽象层吗？
根据项目结构和代码变更原因判断。职责已明确且代码短时，可保留现有组合方式。