---
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`

## 执行要求

1. 先阅读必读文档。
2. 再检索并阅读最相似的现有前端模块，优先看 `system/post`、`system/user`、`system/role`、`system/notice`、`login` 和对应 API 文件。
3. 按 docs 中的页面结构、API、hook、表单、页面私有组件、字典、路由、权限和验证规则实现。
4. 如果 docs 未覆盖某个决策，先参考现有模块；不要自行引入新前端组织方式。
5. 完成后按 docs 的验证清单自检，并运行 `pnpm --dir frontend/web typecheck`、`pnpm --dir frontend/web lint` 或说明未运行原因。

## 不要做

- 不要把本文当成规范来源来扩写；需要补充规范时更新 `docs/web-feature-development.md`。
- 不要绕过 `@/utils/http`。
- 不要把复杂列表逻辑堆在 `index.vue`。