Codex Vault 工具骨架｜拆分页面入口、状态和数据服务
EnglishCodex 安装步骤
- 打开 GitHub 固定提交的 `frontend/.agents/skills/vault-tool-builder/SKILL.md`，核对内容与使用条件。
- 在自己的项目中创建 `.agents/skills/vault-tool-builder/`，把核对后的文件保存为 `.agents/skills/vault-tool-builder/SKILL.md`。
- 在该项目根目录启动 Codex，输入 `$vault-tool-builder` 并选择同名技能。
中文摘要
按照已确认的 Vault Toolbox 功能设计规划界面骨架，使页面、主要组件、状态逻辑和数据职责清楚。
SKILL.md 中文导读
可复现示例
为下列模拟标签查看页安排组件边界。
{"feature":"label viewer","route":"/labels","page":"LabelPage","content":"LabelIsland","stateHook":"useLabels","designApproved":true}工作步骤
- 先确定功能目录、页面入口和主要内容组件。
- 用单独的 hook 放状态逻辑、用服务放数据。
- 按设计接入应用结构并核对入口。
验收方法
规划 `LabelPage → LabelIsland`，用 `useLabels` 放状态，并先验证 `/labels` 能打开骨架。
GitHub 原文 · 更新日期
适用环境
在 Codex 中打开 Vault Toolbox 项目，提供已获批准的设计和功能验收条件，再找现有工具作为结构参考。
常见问题
应该在做完所有业务逻辑后再接入入口吗？
先将骨架接入应用，再按获批设计逐步补充业务逻辑和样式。