一、后端基础设施类 Skills
1.1 Redis 官方 Agent Skill（⭐ Redis 官方出品）
| 维度 |
说明 |
| 来源 |
Redis 官方博客（redis.io） |
| 功能 |
教 AI Agent 正确使用 Redis，涵盖缓存、限流、会话管理、向量搜索、语义缓存、Pub/Sub、Streams |
| 核心内容 |
数据结构选型（Hashes vs JSON vs Sorted Sets vs Vector Sets）、反模式防护（禁止 KEYS 循环、禁止无界 Key 增长）、生产级默认配置（连接池、Pipeline、集群兼容、错误处理） |
| 核心理念 |
"MCP 提供工具，Skills 教如何使用" |
| 安装 |
通过 npx skills add或手动放置到 skills 目录 |
核心价值：Redis 官方团队亲自编写的 Skill，确保 Agent 写出的 Redis 代码是"正确的方式"，而不是模型训练数据中的过时做法。
1.2 Antigravity Awesome Skills 中的数据库/中间件 Skills
以下 Skills 来自 github.com/sickn33/ant... 38.9k，1,480+ Skills），与 Java 后端基础设施直接相关：
| Skill 名称 |
说明 |
适用场景 |
database-designer |
模式分析、ERD 生成、索引优化、迁移生成器 |
数据库设计阶段 |
database-schema-designer |
需求 → 迁移文件、类型定义、种子数据、RLS 策略 |
新项目初始化 |
migration-architect |
迁移规划、兼容性检查、回滚生成 |
数据库版本管理 |
postgres-best-practices |
Supabase 出品的 PostgreSQL 最佳实践 |
PostgreSQL 项目 |
postgresql |
数据库设计：类型、索引、约束、性能模式、高级特性 |
通用 PostgreSQL 设计 |
postgresql-optimization |
查询调优、索引策略、性能分析、生产数据库管理 |
数据库优化 |
sql-optimization-patterns |
慢查询优化、索引设计、执行计划分析 |
SQL 性能调优 |
redis |
Redis 数据结构使用规范、缓存策略、连接管理 |
Redis 开发（如官方 Skill 未安装） |
message-queue-patterns |
消息队列架构、RabbitMQ/Kafka 模式、重试与幂等 |
MQ 队列设计 |
kafka-expert |
Kafka Producer/Consumer 配置、分区策略、Exactly-Once 语义 |
Kafka 消息系统 |
mysql-best-practices |
MySQL 设计规范、索引策略、事务隔离、连接池优化 |
MySQL 项目 |
安装 ：npx antigravity-awesome-skills --claude
二、前端开发 Skills（Vue / React / TailwindCSS / UI 组件库）
2.1 Patterns.dev Skills（⭐ 58 个 Skills，官方维护）
Patterns.dev 出品，是目前最完整的前端 Skills 集合，覆盖 JavaScript、React、Vue 三大技术栈。
| 维度 |
说明 |
| 仓库 |
github.com/PatternsDev... |
| 规模 |
58 个独立 Skills |
| 兼容 |
Claude Code、Cursor、Codex、Gemini CLI、Antigravity、OpenCode |
| 安装 |
npx skills add PatternsDev/skills --skill <skill-name> |
React Skills（18 个）
| Skill |
类型 |
说明 |
hooks-pattern |
设计 |
使用函数在多个组件间复用有状态逻辑 |
hoc-pattern |
设计 |
将可复用逻辑通过 props 传递给组件 |
compound-pattern |
设计 |
创建多个组件协同完成单一任务 |
render-props-pattern |
设计 |
通过 props 传递 JSX 元素 |
presentational-container-pattern |
设计 |
视图与应用逻辑分离 |
ai-ui-patterns |
设计 |
构建 AI 驱动的界面（聊天机器人、智能助手） |
react-2026 |
设计 |
2026 现代 React 技术栈（Vitest、Vite SSR、React Compiler） |
react-composition-2026 |
设计 |
React 19 组合模式：复合组件、Slots、多态性 |
client-side-rendering |
渲染 |
客户端渲染模式 |
server-side-rendering |
渲染 |
服务端渲染模式 |
static-rendering |
渲染 |
静态生成模式 |
incremental-static-rendering |
渲染 |
增量静态再生（ISR） |
streaming-ssr |
渲染 |
流式 SSR |
progressive-hydration |
渲染 |
渐进式水合 |
react-server-components |
渲染 |
React Server Components |
react-selective-hydration |
渲染 |
选择性水合 |
react-render-optimization |
性能 |
Vite/SPA 渲染优化：组件边界、延迟渲染、布局抖动 |
react-data-fetching |
性能 |
TanStack Query、Suspense、React.cache、延迟 Promise |
Vue Skills
| Skill |
类型 |
说明 |
vue-composition-api |
设计 |
Vue 3 Composition API 最佳实践 |
vue-performance |
性能 |
Vue 应用性能优化：懒加载、虚拟滚动、计算属性优化 |
vue-ssr |
渲染 |
Vue 3 SSR 指南：Nuxt 集成、水合策略、流式渲染 |
JavaScript Skills（29 个）
| Skill |
类型 |
说明 |
js-performance-patterns |
性能 |
JavaScript 性能模式（2026 新增） |
vite-bundle-optimization |
性能 |
Vite 打包优化（2026 新增） |
design-patterns |
设计 |
经典设计模式（单例、观察者、策略等） |
islands-architecture |
渲染 |
孤岛架构：在服务端页面中渲染小块交互 |
view-transitions |
渲染 |
View Transitions API 页面转场动画 |
2.2 Vercel Labs 前端 Skills（⭐ 安装量 148,900+）
以下 Skills 由 Vercel Labs 出品，是目前安装量最高的前端开发 Skills。
| Skill 名称 |
安装量 |
说明 |
安装方式 |
react-best-practices |
148,900+ |
React Hooks、组合模式、性能优化 |
npx skills add vercel-labs/agent-skills/react-best-practices |
web-design-guidelines |
112,700+ |
全面的 Web 设计标准，打造精致界面 |
npx skills add vercel-labs/agent-skills/web-design-guidelines |
composition-patterns |
48,400+ |
复合组件与可扩展组合模式 |
npx skills add vercel-labs/agent-skills/react-composition |
next-best-practices |
--- |
Next.js 最佳实践（App Router、Server Components） |
npx skills add vercel-labs/next-skills/next-best-practices |
react-native-skills |
34,300+ |
React Native 性能与架构 |
npx skills add vercel-labs/agent-skills/react-native-skills |
2.3 TailwindCSS / shadcn/ui 相关 Skills
TailwindCSS 相关
| Skill 名称 |
作者 |
说明 |
安装方式 |
frontend-design |
Anthropic 官方 |
大胆、有意图的 UI 设计，避免"AI 味"外观 |
npx skills add anthropics/skills/frontend-design |
web-design-guidelines |
Vercel Labs |
全面的 Web 设计标准，包含 Tailwind 设计系统模式 |
npx skills add vercel-labs/agent-skills/web-design-guidelines |
Tailwind 目前没有官方独立 Skill，但 frontend-design和 web-design-guidelines已包含完整的 Tailwind 设计系统指导，包括 Token-based 颜色和间距系统、组件变体模式、响应式工具类组织、Dark mode 实现、一致的动画模式。
shadcn/ui 相关
| Skill 名称 |
作者 |
说明 |
shadcn-ui |
Google Labs（Stitch） |
shadcn/ui 组件库模式：复制粘贴模型、自定义模式、无障碍集成 |
三、全栈综合 Skills 集合
3.1 Jeffallan/claude-skills（⭐ 66 个全栈 Skills）
| 维度 |
说明 |
| 仓库 |
github.com/Jeffallan/c... |
| 规模 |
66 个专业 Skills |
| 覆盖领域 |
前端（React、Vue、TypeScript）、后端（Node.js、Python）、数据库、DevOps、安全、AI/ML |
| 安装 |
克隆到 skills 目录 |
包含的 Spring Boot / Java 相关 Skills：
java-springboot：Spring Boot 最佳实践（项目结构、依赖注入、配置管理、Web 层、Service 层、数据访问、日志）database-designer：数据库架构设计api-design：API 设计模式
3.2 alirezarezvani/claude-skills（51 + 78 个 Skills）
| 维度 |
说明 |
| 仓库 |
github.com/alirezarezv... |
| 规模 |
129 个 Skills（51 Core + 78 POWERFUL） |
| 安装 |
通过安装脚本 ./scripts/install.sh --tool <tool> --target . |
| 兼容 |
Cursor、Aider、Kilo Code、Windsurf、OpenCode、Augment、Antigravity、Hermes Agent、Mistral Vibe |
与 Java/Spring Boot 前端开发相关的 Skills：
database-designer：模式分析、ERD 生成、索引优化database-schema-designer：需求 → 迁移、类型定义、种子数据migration-architect：迁移规划、兼容性检查、回滚生成ci-cd-pipeline-builder：分析技术栈 → 生成 CI/CD 配置agent-designer：多 Agent 编排、工具 schema、性能评估
四、如何为 Java 后端框架编写自定义 Skill
4.1 MyBatis-Plus 自定义 Skill 示例
bash# 创建 skill 目录
mkdir -p .claude/skills/mybatis-plus
# 创建 SKILL.md
cat > .claude/skills/mybatis-plus/SKILL.md << 'EOF'
---
name: mybatis-plus
description: MyBatis-Plus 开发规范与最佳实践。当用户要求创建 Mapper、Service 或编写数据库查询时自动激活。
---
# MyBatis-Plus 开发指南
## 触发条件
- 创建新的 Mapper 接口
- 编写 Service 层数据库操作
- 设计 Entity / DTO 映射
## 核心规则
1. Mapper 继承 BaseMapper<T>，不写 XML 除非必须
2. Service 继承 IService<T>，实现ServiceImpl<M, T>
3. 使用 @TableName 标注表名，@TableId 标注主键
4. 逻辑删除使用 @TableLogic，配置在 application.yml 中
5. 分页使用 Page<T> 对象，配置 MybatisPlusInterceptor
6. 条件构造器统一使用 LambdaQueryWrapper，避免字符串字段名
## 项目约定
- Entity 放在 entity/ 包，DTO 放在 dto/ 包
- Mapper XML 放在 resources/mapper/ 目录
- 主键策略：ASSIGN_ID（雪花算法）
- 表名前缀：t_
EOF
# 创建参考文件
mkdir -p .claude/skills/mybatis-plus/references
4.2 Redis 自定义 Skill 示例（配合官方 Skill 使用）
bashmkdir -p .claude/skills/redis-project
cat > .claude/skills/redis-project/SKILL.md << 'EOF'
---
name: redis-project
description: 本项目 Redis 使用规范，覆盖缓存、Session、分布式锁等场景。
---
# 项目 Redis 使用规范
## 触发条件
- 使用 Redis 作为缓存
- 实现分布式锁
- 配置 Redis 连接池
## 核心规则
1. 使用 Spring Data Redis + Lettuce 客户端
2. Key 命名规范：{module}:{business}:{id}，如 user:profile:12345
3. 过期时间统一在配置中定义，禁止硬编码
4. 分布式锁使用 Redisson，禁止自实现 SETNX
5. 缓存穿透：使用布隆过滤器 + 空值缓存
6. 缓存雪崩：过期时间加随机偏移
EOF
五、推荐的 AI Agent Skills 全栈工作流
5.1 标准全栈工作流
1. 数据库设计阶段：加载 database-designer + migration-architect
2. 后端开发阶段：加载 Spring Boot Skills + MyBatis/Redis Skills
3. 前端开发阶段：加载 Vue/React Skills + Tailwind/设计指南 Skills
4. API 联调阶段：加载 api-design-principles
5. 测试阶段：加载 tdd-mastery + 前端测试 Skills
6. 部署阶段：加载 ci-cd-pipeline-builder
5.2 多 Agent 协作模式
对于复杂全栈项目：
| Agent 角色 |
职责 |
推荐 Skill |
| 数据库架构师 |
数据库设计、迁移规划 |
database-designer + migration-architect |
| 后端开发者 |
Spring Boot + MyBatis + Redis 开发 |
spring-boot-engineer + 自定义 MyBatis Skill |
| 前端开发者 |
Vue/React + UI 组件库开发 |
Patterns.dev React/Vue Skills + web-design-guidelines |
| 安全审计 |
安全漏洞扫描 |
security-hardening |
| DevOps 工程师 |
CI/CD、部署 |
ci-cd-pipeline-builder |