vben
Vue Vben Admin
基于 pnpm workspaces + Turborepo 的 monorepo 项目，使用 Vue 3 + TypeScript + Vite 构建。提供多套 UI 库变体（Ant Design Vue、Element Plus、Naive UI），共享同一套基于 TailwindCSS + shadcn-vue 的核心框架。
项目结构
→ 详见 vben-dir
开发指南
| 主题 | 说明 | 参考 |
|---|---|---|
| 新增页面 | 创建视图组件、路由模块和国际化配置 | vben-add-page |
| 新增 API | 添加带类型的 API 端点定义和可选的 Mock 路由 | vben-add-api |
| 新增 Store | 使用 Composition API 创建 Pinia Store | vben-add-store |
| 新增 Mock | 在 Nitro 后端 Mock 服务中添加模拟路由 | vben-add-mock |
| CRUD 模块 | 完整 CRUD：表格 + 搜索表单 + 新建/编辑弹窗 + API + 路由 + 国际化 | vben-crud |
组件参考
More from xingyu4j/skills
ruoyi-vue-pro
芋道源码 ruoyi-vue-pro 后端框架专家。适用于 Spring Boot 单体项目中的模块开发、Controller/Service/Mapper/DO/VO 编写、MyBatis Plus 数据访问、权限控制、多租户、数据权限、Excel 导出、定时任务等后端开发任务。
17vue
Vue 3 Composition API、script setup 宏、响应式系统和内置组件。适用于编写 Vue SFC、defineProps/defineEmits/defineModel、侦听器或使用 Transition/Teleport/Suspense/KeepAlive。
16using-superpowers
Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions
15web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
14pinia
Pinia 官方 Vue 状态管理库，类型安全且可扩展。适用于定义 store、处理 state/getters/actions 或在 Vue 应用中实现 store 模式。
14vite
Vite 构建工具配置、插件 API、SSR 和 Vite 8 Rolldown 迁移。适用于 Vite 项目、vite.config.ts、Vite 插件或使用 Vite 构建库/SSR 应用。
13