一、后端基础设施类 Skills1.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 来自 https://github.com/sickn33/antigravity-awesome-skills⭐ 38.9k1,480 Skills与 Java 后端基础设施直接相关Skill 名称说明适用场景database-designer模式分析、ERD 生成、索引优化、迁移生成器数据库设计阶段database-schema-designer需求 → 迁移文件、类型定义、种子数据、RLS 策略新项目初始化migration-architect迁移规划、兼容性检查、回滚生成数据库版本管理postgres-best-practicesSupabase 出品的 PostgreSQL 最佳实践PostgreSQL 项目postgresql数据库设计类型、索引、约束、性能模式、高级特性通用 PostgreSQL 设计postgresql-optimization查询调优、索引策略、性能分析、生产数据库管理数据库优化sql-optimization-patterns慢查询优化、索引设计、执行计划分析SQL 性能调优redisRedis 数据结构使用规范、缓存策略、连接管理Redis 开发如官方 Skill 未安装message-queue-patterns消息队列架构、RabbitMQ/Kafka 模式、重试与幂等MQ 队列设计kafka-expertKafka Producer/Consumer 配置、分区策略、Exactly-Once 语义Kafka 消息系统mysql-best-practicesMySQL 设计规范、索引策略、事务隔离、连接池优化MySQL 项目安装npx antigravity-awesome-skills --claude二、前端开发 SkillsVue / React / TailwindCSS / UI 组件库2.1 Patterns.dev Skills⭐ 58 个 Skills官方维护Patterns.dev 出品是目前最完整的前端 Skills 集合覆盖 JavaScript、React、Vue 三大技术栈。维度说明仓库https://github.com/PatternsDev/skills规模58 个独立 Skills兼容Claude Code、Cursor、Codex、Gemini CLI、Antigravity、OpenCode安装npx skills add PatternsDev/skills --skill skill-nameReact Skills18 个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 Compilerreact-composition-2026设计React 19 组合模式复合组件、Slots、多态性client-side-rendering渲染客户端渲染模式server-side-rendering渲染服务端渲染模式static-rendering渲染静态生成模式incremental-static-rendering渲染增量静态再生ISRstreaming-ssr渲染流式 SSRprogressive-hydration渲染渐进式水合react-server-components渲染React Server Componentsreact-selective-hydration渲染选择性水合react-render-optimization性能Vite/SPA 渲染优化组件边界、延迟渲染、布局抖动react-data-fetching性能TanStack Query、Suspense、React.cache、延迟 PromiseVue SkillsSkill类型说明vue-composition-api设计Vue 3 Composition API 最佳实践vue-performance性能Vue 应用性能优化懒加载、虚拟滚动、计算属性优化vue-ssr渲染Vue 3 SSR 指南Nuxt 集成、水合策略、流式渲染JavaScript Skills29 个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-practices148,900React Hooks、组合模式、性能优化npx skills add vercel-labs/agent-skills/react-best-practicesweb-design-guidelines112,700全面的 Web 设计标准打造精致界面npx skills add vercel-labs/agent-skills/web-design-guidelinescomposition-patterns48,400复合组件与可扩展组合模式npx skills add vercel-labs/agent-skills/react-compositionnext-best-practices—Next.js 最佳实践App Router、Server Componentsnpx skills add vercel-labs/next-skills/next-best-practicesreact-native-skills34,300React Native 性能与架构npx skills add vercel-labs/agent-skills/react-native-skills2.3 TailwindCSS / shadcn/ui 相关 SkillsTailwindCSS 相关Skill 名称作者说明安装方式frontend-designAnthropic 官方大胆、有意图的 UI 设计避免AI 味外观npx skills add anthropics/skills/frontend-designweb-design-guidelinesVercel Labs全面的 Web 设计标准包含 Tailwind 设计系统模式npx skills add vercel-labs/agent-skills/web-design-guidelinesTailwind 目前没有官方独立 Skill但frontend-design和web-design-guidelines已包含完整的 Tailwind 设计系统指导包括 Token-based 颜色和间距系统、组件变体模式、响应式工具类组织、Dark mode 实现、一致的动画模式。shadcn/ui 相关Skill 名称作者说明shadcn-uiGoogle LabsStitchshadcn/ui 组件库模式复制粘贴模型、自定义模式、无障碍集成三、全栈综合 Skills 集合3.1 Jeffallan/claude-skills⭐ 66 个全栈 Skills维度说明仓库https://github.com/Jeffallan/claude-skills规模66 个专业 Skills覆盖领域前端React、Vue、TypeScript、后端Node.js、Python、数据库、DevOps、安全、AI/ML安装克隆到 skills 目录包含的 Spring Boot / Java 相关 Skillsjava-springbootSpring Boot 最佳实践项目结构、依赖注入、配置管理、Web 层、Service 层、数据访问、日志database-designer数据库架构设计api-designAPI 设计模式3.2 alirezarezvani/claude-skills51 78 个 Skills维度说明仓库https://github.com/alirezarezvani/claude-skills规模129 个 Skills51 Core 78 POWERFUL安装通过安装脚本./scripts/install.sh --tool tool --target .兼容Cursor、Aider、Kilo Code、Windsurf、OpenCode、Augment、Antigravity、Hermes Agent、Mistral Vibe与 Java/Spring Boot 前端开发相关的 Skillsdatabase-designer模式分析、ERD 生成、索引优化database-schema-designer需求 → 迁移、类型定义、种子数据migration-architect迁移规划、兼容性检查、回滚生成ci-cd-pipeline-builder分析技术栈 → 生成 CI/CD 配置agent-designer多 Agent 编排、工具 schema、性能评估四、如何为 Java 后端框架编写自定义 Skill4.1 MyBatis-Plus 自定义 Skill 示例bash# 创建 skill 目录mkdir -p .claude/skills/mybatis-plus# 创建 SKILL.mdcat .claude/skills/mybatis-plus/SKILL.md EOF---name: mybatis-plusdescription: MyBatis-Plus 开发规范与最佳实践。当用户要求创建 Mapper、Service 或编写数据库查询时自动激活。---# MyBatis-Plus 开发指南## 触发条件- 创建新的 Mapper 接口- 编写 Service 层数据库操作- 设计 Entity / DTO 映射## 核心规则1. Mapper 继承 BaseMapperT不写 XML 除非必须2. Service 继承 IServiceT实现ServiceImplM, T3. 使用 TableName 标注表名TableId 标注主键4. 逻辑删除使用 TableLogic配置在 application.yml 中5. 分页使用 PageT 对象配置 MybatisPlusInterceptor6. 条件构造器统一使用 LambdaQueryWrapper避免字符串字段名## 项目约定- Entity 放在 entity/ 包DTO 放在 dto/ 包- Mapper XML 放在 resources/mapper/ 目录- 主键策略ASSIGN_ID雪花算法- 表名前缀t_EOF# 创建参考文件mkdir -p .claude/skills/mybatis-plus/references4.2 Redis 自定义 Skill 示例配合官方 Skill 使用bashmkdir -p .claude/skills/redis-projectcat .claude/skills/redis-project/SKILL.md EOF---name: redis-projectdescription: 本项目 Redis 使用规范覆盖缓存、Session、分布式锁等场景。---# 项目 Redis 使用规范## 触发条件- 使用 Redis 作为缓存- 实现分布式锁- 配置 Redis 连接池## 核心规则1. 使用 Spring Data Redis Lettuce 客户端2. Key 命名规范{module}:{business}:{id}如 user:profile:123453. 过期时间统一在配置中定义禁止硬编码4. 分布式锁使用 Redisson禁止自实现 SETNX5. 缓存穿透使用布隆过滤器 空值缓存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-builder5.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-hardeningDevOps 工程师CI/CD、部署ci-cd-pipeline-builder