name: agileboot-web-feature
description: 在 AgileBoot Vue Web 项目中开发新的 frontend/web 前端业务功能,并严格按照当前仓库已有页面、API、hook、表单、弹窗、页面私有组件和字典使用方式组织代码。适用于新增或修改后台页面、列表页、表单弹窗、API 类型封装、PureTable 表格、Element Plus 交互、页面 components、utils/hook.tsx、权限、路由和菜单相关前端功能;必须先阅读项目 Web 前端开发规范并复用既有模式。
AgileBoot Web 前端业务功能开发
本 skill 是 Codex 的执行入口,不是完整规范副本。完整规范以 docs/web-feature-development.md 为准。
必读
docs/web-feature-development.md
AGENTS.md
执行要求
- 先阅读必读文档。
- 再检索并阅读最相似的现有前端模块,优先看
system/post、system/user、system/role、system/notice、login 和对应 API 文件。
- 按 docs 中的页面结构、API、hook、表单、页面私有组件、字典、路由、权限和验证规则实现。
- 如果 docs 未覆盖某个决策,先参考现有模块;不要自行引入新前端组织方式。
- 完成后按 docs 的验证清单自检,并运行
pnpm --dir frontend/web typecheck、pnpm --dir frontend/web lint 或说明未运行原因。
不要做
- 不要把本文当成规范来源来扩写;需要补充规范时更新
docs/web-feature-development.md。
- 不要绕过
@/utils/http。
- 不要把复杂列表逻辑堆在
index.vue。