RuoYi-Vue 前后端分离版 AI 智能开发助手 | Claude Code + Codex 双引擎 | 27+ 专业技能 | 开箱即用

商品简介

基于 RuoYi-Vue 前后端分离版（Java 17 + Spring Boot + MyBatis XML + Spring Security + JWT + Vue 2 + Element UI + Vuex），深度定制的 AI 智能编程助手配置包。支持 Claude Code 和 OpenAI Codex 双 AI 引擎，内置 27+ 专业开发技能、6 大快捷命令、智能钩子系统，让 AI 真正理解您的项目架构和开发规范。

---

核心亮点

双 AI 引擎支持

引擎	配置目录	入口文件	说明
Claude Code	.claude/	CLAUDE.md	Anthropic Claude 官方 CLI 工具配置
OpenAI Codex	.codex/	AGENTS.md	OpenAI Codex CLI 工具配置

两套配置完全同步，无论您使用哪个 AI 工具，都能获得一致的智能开发体验。

27+ 专业开发技能

AI 不再是通用助手，而是深度理解 RuoYi-Vue 前后端分离架构的专业开发伙伴。覆盖后端 MyBatis XML + Spring Security + JWT 认证体系，以及前端 Vue 2 + Element UI + Vuex 全家桶。

6 大快捷命令

一键执行复杂开发任务，告别重复劳动。从全栈功能开发到代码规范检查，一条命令搞定。

智能钩子系统

自动评估用户需求，精准匹配技能，确保每次响应都符合项目规范。

---

完整功能清单

一、快捷命令（6 个）

路径：.claude/commands/ 和 .codex/skills/

命令	功能	使用场景
/dev	完整功能开发	从零开始开发新功能，自动生成后端 Controller + Service + Mapper XML + 前端 Vue 页面 + API
/crud	快速 CRUD	基于已有数据库表，快速生成完整的前后端增删改查代码
/check	代码规范检查	检查代码是否符合 RuoYi-Vue 规范，发现潜在问题
/progress	项目进度报告	查看当前开发任务的完成情况和待办事项
/next	下一步建议	AI 分析当前状态，给出下一步开发建议
/start	项目快速启动	快速了解项目结构和开发环境配置

二、专业技能库（27+ 个）

路径：.claude/skills/ 和 .codex/skills/

核心开发技能

技能	触发词	功能描述
crud-development	CRUD、业务模块、Entity、Service、Controller、Mapper开发	完整业务模块 CRUD 开发，后端三层架构 + 前端 Vue 2 页面
api-development	API设计、RESTful、接口规范、路径设计	RESTful API 设计规范，GET/POST/PUT/DELETE 标准路径
database-ops	数据库、SQL、建表、字典、菜单SQL	数据库表设计、字典管理、菜单权限 SQL 配置
error-handler	异常处理、错误码、ServiceException、全局异常	异常处理与错误码管理，全局异常拦截器
architecture-design	架构设计、模块划分、分层架构、依赖管理	系统架构设计、三层架构规范、模块依赖关系
project-navigator	项目导航、目录结构、模块定位、文件查找	前后端项目结构导航，快速定位代码文件
utils-toolkit	工具类、StringUtils、DateUtils、SecurityUtils	工具类使用指南，项目内置工具优先级

安全与权限

技能	触发词	功能描述
security-auth	认证授权、Spring Security、JWT、Token、权限控制	Spring Security + JWT 认证体系，@PreAuthorize 权限注解、SecurityUtils 工具
data-permission	数据权限、@DataScope、部门权限、用户权限	@DataScope 注解数据权限，行级数据隔离

前端 / UI（Vue 2 + Element UI）

技能	触发词	功能描述
ui-frontend	前端UI、Element UI、Vue2、页面开发、组件使用	Vue 2 Options API + Element UI 2.x 完整页面开发规范
store-management	状态管理、Vuex、Store、全局状态	Vuex 3.x 状态管理，内置模块使用与自定义模块开发

基础设施

技能	触发词	功能描述
cache-strategy	缓存、Redis、RedisCache、Spring Cache	Redis 缓存策略，RedisCache 工具类、Spring Cache 注解
scheduled-jobs	定时任务、Quartz、SysJob、Cron表达式	Quartz 定时任务开发，Cron 调度、并发控制
file-storage	文件上传、文件存储、本地存储、MinIO	文件上传下载，本地存储与 MinIO 集成
json-serialization	JSON序列化、Jackson、FastJSON、日期格式化	JSON 序列化处理，Jackson 配置、日期格式化
i18n-development	国际化、i18n、多语言、消息资源	国际化开发，MessageSource 配置、前端 i18n

辅助工具

技能	触发词	功能描述
brainstorm	头脑风暴、方案设计、技术选型、架构讨论	创意探索与方案设计
task-tracker	任务拆解、进度跟踪、工作量评估	开发任务进度跟踪，中断恢复
git-workflow	Git操作、分支管理、提交规范、合并冲突	Git 版本控制操作规范
tech-decision	技术选型、方案对比、技术评审	技术选型与方案对比
bug-detective	Bug排查、错误分析、日志追踪、异常定位	Bug 排查与问题定位
code-patterns	编码规范、代码风格、命名约定、最佳实践	全栈编码规范速查（后端 + 前端）

框架专属技能（L4 级别）

技能	触发词	功能描述
excel-operations	Excel导入导出、@Excel注解、EasyExcel、POI	RuoYi @Excel 注解体系，Apache POI Excel 导入导出
code-generator	代码生成、Velocity模板、GenTable、自动生成	基于 Velocity 模板引擎的代码生成器
druid-monitor	Druid监控、数据源、连接池、SQL监控	Druid 数据库连接池配置与监控面板

AI 协作

技能	触发词	功能描述
collaborating-with-codex	Codex协作、OpenAI代码生成	与 OpenAI Codex 协同开发，任务委托与代码审查
collaborating-with-gemini	Gemini协作、Google AI代码生成	与 Google Gemini 协同开发，前端原型与 UI 设计
add-skill	添加技能、创建技能、新技能	技能创建与维护指南

---

智能钩子系统

skill-forced-eval（技能强制评估）

每次用户提问时，钩子自动：

1. 分析用户需求关键词
2. 从 27 个技能中匹配相关技能
3. 注入技能评估提示，强制 AI 激活对应技能
4. 确保 AI 按 RuoYi-Vue 项目规范响应，而非给出通用回答

pre-tool-use（工具使用前检查）

在 AI 执行文件操作前，自动检查：

• 文件路径是否在项目范围内
• 是否误操作敏感文件（如配置文件、密钥文件）
• 代码规范预检（后端包名、Vue 2 语法、API 调用模式）

---

技术栈

后端技术

层级	技术	版本	说明
语言	Java	17	LTS 版本
框架	Spring Boot	4.0.3	单体应用
ORM	MyBatis（原生 XML）	3.x	非 MyBatis-Plus
认证	Spring Security + JWT	最新	Token 无状态认证
分页	PageHelper	最新	startPage() 自动分页
连接池	Druid	最新	含监控面板
缓存	Redis	最新	RedisCache 工具类
定时任务	Quartz	2.x	SysJob 任务管理
数据库	MySQL	5.7+	主流关系型数据库

前端技术

层级	技术	版本	说明
框架	Vue 2	2.6	Options API
UI 组件	Element UI	2.15	el- 前缀组件
状态管理	Vuex	3.x	this.$store 访问
路由	Vue Router	3.x	动态路由
HTTP	Axios	最新	.then() Promise 链
构建	Webpack	4.x	vue-cli 脚手架

模块结构

模块	用途
ruoyi-admin	Web 入口，Controller 层
ruoyi-framework	框架核心：Security、JWT、AOP
ruoyi-system	系统业务：用户/角色/部门/菜单/字典
ruoyi-common	通用工具、基类、注解、异常
ruoyi-quartz	定时任务（Quartz）
ruoyi-generator	代码生成器（Velocity）
ruoyi-ui	Vue 2 前端项目

---

安装使用

第一步：获取配置包

下载完整配置包。

第二步：放入项目根目录

将以下文件/目录放入您的 RuoYi-Vue 项目根目录：

.claude/          # Claude Code 配置（skills、commands、hooks）
.codex/           # OpenAI Codex 配置（完全同步）
CLAUDE.md         # Claude Code 入口指令文件
AGENTS.md         # Codex 入口指令文件

第三步：启动 AI 工具

启动 Claude Code 或 Codex CLI，AI 将自动加载所有技能和配置。

# Claude Code
claude

# OpenAI Codex
codex

AI 会自动识别 RuoYi-Vue 前后端分离架构，后端使用 MyBatis XML + Spring Security + JWT，前端使用 Vue 2 + Element UI + Vuex 的正确规范来辅助开发。

购买地址：https://item.taobao.com/item.htm?id=1035635512588