vue3-temp-skill

Vue 3 企业级中后台项目开发规范技能包 — 按团队规范生成代码并自动审查。

这是什么

/vue3-temp-skill <需求> → 命中模块 → 按约定生成 → code-quality 闸门。

• 始终加载 core-kernel
• 按需 project-inventory（addon / 查 Re* / 装依赖）
• 精简模板启用 addon addon-enable（装包后逐文件恢复配置，非自动）
• 生成后闸门 code-quality：清单 + pnpm lint:fix + pnpm type-check + 结果块
• 复用仓库已有封装；选型表指定库勿擅自替换；addon 精确版本见 inventory 第九节

使用方式

/vue3-temp-skill <你的需求描述>

示例：

• /vue3-temp-skill 帮我开发一个客户管理模块，按名称、状态查询
• /vue3-temp-skill 远程搜索下拉，支持分页与回写
• /vue3-temp-skill 编辑页加数据变更对比
• /vue3-temp-skill 关系图谱，力导向布局
• /vue3-temp-skill 移动端客户列表用 Vant

模块一览

| 类型 | 模块 | |------|------| | 始终 | core-kernel | | 闸门 | code-quality | | 按需资产 | project-inventory、addon-enable | | 标准业务 | http-api、crud-pages、detail-page、data-writeback、permission-auth、layout-theme、design-system、design-handoff、icons、feedback-loading、base-code-dict、api-check、ui-components | | 专项 | form-advanced、table-vxe、tree-table、chart-echarts、file-management、download-export、rich-text、graph-relation、workflow-bpmn、flowchart-g6、data-mapping、websocket-realtime、mobile-h5、wechat-js、verify-captcha、qrcode-barcode、feedback-ui、seamless-scroll、particles、data-compare、data-screen、directives-advanced |

安装

Node.js >= 22.12.0

npx @qilitt-mickey/vue3-temp-skill@latest install all

| 目标 | 路径示例 | |------|----------| | cursor | ~/.cursor/skills/vue3-temp-skill/ | | claude | ~/.claude/skills/vue3-temp-skill/ | | universal | ~/.agents/skills/vue3-temp-skill/ |

生成工作流（AI）

1. 解析需求 → 命中功能模块
2. 读 core-kernel + 命中模块；addon 时加读 inventory + addon-enable；设计交接块时加读 design-handoff
3. 缺包按 inventory 第九节精确版本，确认后安装；再按 addon-enable 逐文件恢复配置
4. 复用仓库 Re*/Hook/utils；按模块示例生成落盘
5. 执行 code-quality → 输出审查结果块 + 变更说明

与模版的关系

本 Skill 约定对齐 vue3-web-temp 精简脚手架：

| 文档 | 读者 | 内容 | |------|------|------| | 模板 README.md | 人类开发者 | 安装、配置、命令、与 AI 协同入口 | | 模板 AGENTS.md | AI 助手 | 仓库事实、硬性约定摘要、Skill 路由 | | 本包 references/ | AI + 开发者 | 标准样板、专项细则、addon 安装表 | | 本包 addon-enable.md | AI + 开发者 | 出厂已删依赖的逐文件恢复代码 |

• 模板仓库：布局壳 + core 依赖 + Re* 源码（addon 组件默认不参与类型检查直至安装依赖）
• 标准样板：在本包 references/，不在模板 views/
• 壳层以当前项目源码为准；规范与安装表以本包为准
• HTTP：[email protected] 固定版本，仅经 @/utils/http