【企业级】RuoYi-Vue-Plus AI 智能开发助手 | Claude Code + Codex 双引擎 | 40+ 专业技能包 | 10 大快捷命令 | 开箱即用

优质文章学习记录

— 9 min read
【企业级】RuoYi-Vue-Plus AI 智能开发助手 | Claude Code + Codex 双引擎 | 40+ 专业技能包 | 10 大快捷命令 | 开箱即用

RuoYi-Vue-Plus AI 智能编程助手

商品简介

基于 RuoYi-Vue-Plus 5.X 企业级后端框架，深度定制的 AI 智能编程助手配置包。支持 Claude Code 和 OpenAI Codex 双 AI 引擎，内置 40+ 专业开发技能、10 大快捷命令、智能钩子系统，让 AI 真正理解您的项目架构和开发规范，实现 10 倍开发效率提升。

核心亮点

🚀 双 AI 引擎支持

引擎配置目录说明
Claude Code.claude/Anthropic Claude 官方 CLI 工具配置
OpenAI Codex.codex/OpenAI Codex CLI 工具配置

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

🎯 40+ 专业开发技能

AI 不再是通用助手，而是深度理解 RuoYi-Vue-Plus 架构的专业开发伙伴。

⚡ 10 大快捷命令

一键执行复杂开发任务，告别重复劳动。

🔧 智能钩子系统

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

完整功能清单

一、快捷命令（10 个）

路径：.claude/commands/ 和 .codex/skills/
命令功能使用场景
/dev🔥 完整功能开发从零开始开发新功能，包含数据库设计、代码生成、菜单配置
/crud⚡ 快速 CRUD 生成基于已有数据库表，一键生成后端 7 层代码
/check🔍 代码规范检查检查包名、API 路径、权限注解、对象转换等 10 项规范
/progress📊 项目进度分析扫描代码完整性，生成进度报告，统计 TODO/FIXME
/next💡 下一步建议分析项目状态，智能推荐开发优先级和方向
/sync🔄 全量状态同步同步代码与文档，生成综合报告（每周使用）
/start👋 项目快速了解新成员入门必看，自动生成项目概览
/init-docs📝 文档初始化一键创建完整的项目文档体系
/update-status📈 增量状态更新功能完成后立即更新状态（日常使用）
/add-todo✅ 添加待办事项快速添加任务，支持优先级、模块、截止日期

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

路径：.claude/skills/ 和 .codex/skills/
🏗️ 核心开发技能（8 个）
技能触发词功能描述
crud-developmentCRUD、Entity、Service、Controller三层架构 CRUD 开发规范
api-developmentAPI、RESTful、接口规范API 设计与开发规范
database-ops数据库、SQL、建表、字典数据库设计与操作
backend-annotations注解、@RateLimiter、@DataScope后端注解使用指南
utils-toolkit工具类、StringUtils、MapstructUtils工具类使用手册
error-handler异常、ServiceException异常处理规范
test-development测试、JUnit5、Mockito单元测试开发
code-patterns规范、命名、Git 提交代码规范速查
🔐 安全与权限（4 个）
技能触发词功能描述
security-guard安全、Sa-Token、认证授权安全开发规范
data-permission数据权限、@DataPermission行级数据权限实现
tenant-management多租户、租户隔离、SaaS多租户开发指南
social-login第三方登录、OAuth、微信登录社交登录集成
⚙️ 基础设施（6 个）
技能触发词功能描述
redis-cacheRedis、缓存、@Cacheable、分布式锁Redis 缓存开发
scheduled-jobs定时任务、SnailJob、@Scheduled任务调度开发
file-oss-management文件上传、OSS、MinIO文件存储管理
websocket-sseWebSocket、SSE、实时推送实时通信开发
sms-mail短信、邮件、验证码消息通知开发
workflow-engine工作流、审批流、WarmFlow工作流引擎开发
🔧 辅助工具（8 个）
技能触发词功能描述
json-serializationJSON、序列化、BigDecimalJSON 处理规范
performance-doctor性能、慢查询、优化性能诊断与优化
bug-detectiveBug、报错、异常Bug 排查助手
git-workflowGit、提交、分支Git 工作流规范
project-navigator项目结构、文件定位项目导航指南
architecture-design架构、模块划分系统架构设计
tech-decision技术选型、方案对比技术决策辅助
brainstorm头脑风暴、创意方案探索助手
🤖 AI 协作（3 个）
技能触发词功能描述
collaborating-with-codexCodex、多模型协作Codex 协同开发
collaborating-with-geminiGemini、前端原型Gemini 协同开发
banana-image生成图片、AI 图片、海报AI 图片生成（4K 支持）
📋 项目管理（3 个）
技能触发词功能描述
task-tracker任务跟踪、记录进度任务进度追踪
add-skill添加技能、创建技能技能开发指南
store-pcPC Store、Pinia状态管理指南

三、智能钩子系统（3 个）

路径：.claude/hooks/
钩子功能说明
skill-forced-eval.js技能强制评估用户提问时自动匹配技能，确保规范遵循
pre-tool-use.js工具预处理工具调用前的拦截和验证
stop.js停止处理任务完成时的清理和通知

核心机制：每次用户提问，钩子自动注入技能评估提示，AI 必须先匹配技能、激活技能、再执行任务，确保每次响应都符合项目规范。

四、智能代理（2 个）

路径：.claude/agents/
代理功能使用场景
project-manager项目管理助手创建需求文档、跟踪进度、管理待办
code-reviewer代码审查助手自动检查代码规范、发现潜在问题

五、文档模板（3 个）

路径：.claude/templates/
模板用途
待办清单模板.md标准化待办事项格式
需求文档模板.md标准化需求文档格式
项目状态模板.md标准化项目状态格式

六、开发文档（8 篇）

路径：.claude/docs/
文档内容
框架说明.md框架整体介绍
后端开发指南.md后端开发规范
前端开发指南.md前端开发规范
数据库设计规范.md数据库设计标准
工具类使用指南.md工具类速查手册
工作流开发指南.md工作流集成指南
新功能开发流程规范.md开发流程标准
新项目开发流程.md项目启动指南

七、配置文件（2 个）

文件用途
.claude/settings.jsonClaude Code 全局配置
.claude/framework-config.json框架配置信息

八、音频资源

文件用途
.claude/audio/completed.wav任务完成提示音

目录结构总览

RuoYi-Vue-Plus/ ├── .claude/ # Claude Code 配置 │ ├── commands/ # 10 个快捷命令 │ │ ├── dev.md # 完整功能开发 │ │ ├── crud.md # 快速 CRUD 生成 │ │ ├── check.md # 代码规范检查 │ │ ├── progress.md # 项目进度分析 │ │ ├── next.md # 下一步建议 │ │ ├── sync.md # 全量状态同步 │ │ ├── start.md # 项目快速了解 │ │ ├── init-docs.md # 文档初始化 │ │ ├── update-status.md # 增量状态更新 │ │ └── add-todo.md # 添加待办事项 │ │ │ ├── skills/ # 40+ 专业技能 │ │ ├── crud-development/ # CRUD 开发 │ │ ├── api-development/ # API 开发 │ │ ├── database-ops/ # 数据库操作 │ │ ├── security-guard/ # 安全开发 │ │ ├── redis-cache/ # Redis 缓存 │ │ ├── workflow-engine/ # 工作流引擎 │ │ ├── ... (40+ 技能) │ │ └── banana-image/ # AI 图片生成 │ │ │ ├── hooks/ # 智能钩子 │ │ ├── skill-forced-eval.js # 技能强制评估 │ │ ├── pre-tool-use.js # 工具预处理 │ │ └── stop.js # 停止处理 │ │ │ ├── agents/ # 智能代理 │ │ ├── project-manager.md # 项目管理助手 │ │ └── code-reviewer.md # 代码审查助手 │ │ │ ├── templates/ # 文档模板 │ │ ├── 待办清单模板.md │ │ ├── 需求文档模板.md │ │ └── 项目状态模板.md │ │ │ ├── docs/ # 开发文档 │ │ ├── 框架说明.md │ │ ├── 后端开发指南.md │ │ └── ... (8 篇文档) │ │ │ ├── audio/ # 音频资源 │ │ └── completed.wav │ │ │ ├── settings.json # 全局配置 │ └── framework-config.json # 框架配置 │ ├── .codex/ # Codex CLI 配置 │ └── skills/ # 40+ 专业技能（与 Claude 同步） │ ├── crud-development/ │ ├── dev/ # 快捷命令转技能 │ ├── crud/ │ ├── check/ │ ├── progress/ │ ├── next/ │ ├── sync/ │ ├── start/ │ ├── init-docs/ │ ├── update-status/ │ ├── add-todo/ │ └── ... (40+ 技能) │ └── CLAUDE.md # 项目规范主文件

技术规范内置

本配置包深度集成 RuoYi-Vue-Plus 开发规范：

架构规范

  • ✅ 三层架构：Controller → Service → Mapper（无 DAO 层）
  • ✅ 包名规范：org.dromara.*
  • ✅ 实体基类：TenantEntity（多租户支持）
  • ✅ 对象转换：MapstructUtils.convert()
  • ✅ 主键策略：雪花 ID（非自增）

API 规范

操作HTTP 方法路径
分页查询GET/list
获取详情GET/{id}
新增POST/
修改PUT/
删除DELETE/{ids}
导出POST/export

代码检查项

  • 🔴 严重：包名必须是 org.dromara.*
  • 🔴 严重：禁止完整类型引用
  • 🔴 严重：API 路径必须规范
  • 🟡 警告：必须使用 @SaCheckPermission
  • 🟡 警告：必须使用 MapstructUtils
  • 🟡 警告：BO 必须使用 @AutoMapper

使用效果对比

场景传统开发使用本配置包
新建 CRUD 模块2-4 小时/crud 5 分钟
代码规范检查人工审查 1 小时/check 1 分钟
了解项目结构阅读文档 2 小时/start 30 秒
项目进度统计手动统计半天/progress 1 分钟
新功能开发边查边写 1 天/dev 自动引导 2 小时

效率提升：5-10 倍

适用人群

  • ✅ RuoYi-Vue-Plus 开发者：提升开发效率，规范代码质量
  • ✅ 企业开发团队：统一开发规范，降低沟通成本
  • ✅ AI 编程爱好者：学习如何定制专业 AI 编程助手
  • ✅ 独立开发者：快速上手企业级项目开发

环境要求

使用方法

  1. 将 .claude/ 和 .codex/ 目录复制到您的 RuoYi-Vue-Plus 项目根目录
  2. 将 CLAUDE.md 复制到项目根目录
  3. 启动 Claude Code 或 Codex CLI
  4. 输入 /start 开始体验

文件统计

类别数量
快捷命令10 个
专业技能40+ 个
智能钩子3 个
智能代理2 个
文档模板3 个
开发文档8 篇
配置文件2 个
总文件数80+ 个

售后服务

  • ✅ 免费更新：随 RuoYi-Vue-Plus 版本同步更新
  • ✅ 技术支持：提供使用指导
  • ✅ 定制服务：可根据需求定制专属技能

关键词

RuoYi-Vue-Plus、AI 编程助手、Claude Code、Codex、智能开发、代码生成、CRUD、企业级框架、Spring Boot、MyBatis-Plus、Sa-Token、多租户、工作流、自动化开发、效率提升

立即购买，让 AI 成为您的专属高级开发工程师！
claudecode技能介绍：https://www.bilibili.com/video/BV1rnBKB2EME
联系QQ: 770492966
购买地址：https://item.taobao.com/item.htm?id=1022276024054

Read more

C# WebAssembly血泪革命：从“页面卡成PPT”到“秒级响应”的10倍性能飞跃！

C# WebAssembly血泪革命：从“页面卡成PPT”到“秒级响应”的10倍性能飞跃！

🔥 一、为什么C# WebAssembly会“卡成PPT”？（别再当工具人！） 传统实现 = 人拉板车 “我只用，结果页面加载慢得像蜗牛！” * 痛点：未优化初始加载、未分页数据、未异步通信、未安全策略 * 灵魂拷问：你是在用WebAssembly，还是在给浏览器送“内存炸弹”？ 革命后的C# WebAssembly = 赛车引擎 “像AI一样智能加载，首次加载时间从30秒→2.8秒！” * 核心价值：初始代码分割+流式数据处理+异步通信优化+状态管理+安全策略（不是瞎用Blazor！） * 真实数据：优化后，首次加载时间从30秒→2.8秒（前端团队主动要求加功能！） 💡 金句暴击： “C# WebAssembly不是写前端，是让代码自己‘流起来’—— 你只用默认Blazor，等于让老司机开拖拉机！ 别再当‘WebAssembly小白’了！” 🧪 二、5层性能革命深度拆解（

CRMEB 标准版系统（PHP）- 前端多语言开发指南

一、多语言应用的典型场景 前端多语言支持通常出现在以下类型的组织或项目中：跨国公司、电商平台、跨文化交流平台、开源项目、面向全球用户的产品等等。在这些场景中，前端需要支持多种语言，如英语、中文、日语、韩语等，以更好地服务不同地区的用户。 二、什么是国际化（i18n）？ 国际化（Internationalization，简称 i18n）是指软件设计时使其能够轻松适应不同语言和地区的过程。i18n 这个缩写中，“i” 和 “n” 分别是单词的首尾字母，中间的 “18” 表示这两个字母之间的字符数。 通俗来说，i18n 就是让一个页面能够根据用户设置切换显示不同语言内容的能力。 三、实现多语言功能的常见方式 1. 多语言数据支持 提供足够的语言数据集，包含不同语言的词汇、语法规则、翻译数据等，以支持不同语言的理解和生成，这是实现多语言能力的基础。 2. 机器翻译技术 使用机器翻译技术将内容或翻译成不同语言，以支持多语言交互，这需要较强的机器翻译模型和系统。
前端开发中支持跨域的HTML标签和属性（附：前端常见缓存机制跨域性和实际跨域需求总结）

前端开发中支持跨域的HTML标签和属性（附：前端常见缓存机制跨域性和实际跨域需求总结）

本文总结了前端开发中支持跨域的HTML标签和属性。主要包括：支持跨域请求的标签（img、script、link等）及相关CORS属性；跨域通信方式（postMessage、iframe等）；CORS属性详解及安全注意事项；常见跨域场景示例（图片加载、表单提交等）； 前端常见缓存机制在跨域中的限制总结。 前端常见的跨域需求总结。 文章强调应根据需求选择合适的跨域方案，优先使用CORS等标准化方式，同时注意安全风险控制和浏览器兼容性问题，为开发者提供了全面的跨域解决方案参考。 关联阅读推荐 前端常见缓存方式总结 和 Service Worker 缓存详解 使用 fetch 进行跨域请求 前端开发中可以跨域的HTML标签和属性总结 一、支持跨域请求的HTML标签 标签跨域能力跨域相关属性使用场景CORS要求安全限制<img>✅ 支持跨域加载图片crossorigin加载第三方图片、头像、验证码等设置crossorigin时需CORS无法读取图片内容（除非配置CORS且画布同源）<script>✅ 支持跨域加载JScrossoriginCDN加载JS库、JSONP、模