中文 Agent Skills 目录
已整理 15w+ 可复用 Agent Skills，覆盖 Codex、Claude、Cursor、OpenClaw 等主流工具生态，按用途分类、适用工具、中文说明和来源信息统一归档。
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适合场景：Next.js 项目开发 / React 组件生成 / 前端性能优化
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适合场景：Next.js 项目开发 / React 组件生成 / 前端性能优化
craft-twig-guidelines 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务，不应只堆装饰元素；涉及真实页面改动时，应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助 API 设计、接口文档、请求响应结构和服务集成说明。它适合让 Agent 梳理 endpoint、生成 OpenAPI 草稿、检查字段命名、整理错误码或辅助前后端联调。使用时需要确认真实业务语义、鉴权方式、分页和错误处理规则；涉及生成接口文档时，应避免凭空补字段，最好从现有代码、schema 或接口样例中提取事实。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助 API 设计、接口文档、请求响应结构和服务集成说明。它适合让 Agent 梳理 endpoint、生成 OpenAPI 草稿、检查字段命名、整理错误码或辅助前后端联调。使用时需要确认真实业务语义、鉴权方式、分页和错误处理规则；涉及生成接口文档时，应避免凭空补字段，最好从现有代码、schema 或接口样例中提取事实。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助数据库表结构、查询语句、迁移脚本和数据维护任务。它适合让 Agent 分析 schema、编写 SQL、排查查询问题、整理索引或生成迁移建议。使用时需要明确数据库类型、连接环境和目标表，区分只读分析与写入变更；涉及删除、更新、迁移和批量导入时，应优先 dry-run、备份或事务保护，避免误操作。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适合场景：Next.js 项目开发 / React 组件生成 / 前端性能优化
用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务，不应只堆装饰元素；涉及真实页面改动时，应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
tamagui-best-practices 用于记录任务执行中的错误、用户纠正、经验和能力缺口，适合在 Codex、Claude、Cursor、Gemini CLI 中希望让 Agent 持续沉淀问题、修正和最佳实践时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
angular-best-practices-transloco 用于记录任务执行中的错误、用户纠正、经验和能力缺口，适合在 Codex、Claude、Cursor、Gemini CLI 中希望让 Agent 持续沉淀问题、修正和最佳实践时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
rspec-best-practices 用于记录任务执行中的错误、用户纠正、经验和能力缺口，适合在 Codex、Claude、Cursor、Gemini CLI 中希望让 Agent 持续沉淀问题、修正和最佳实践时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务，不应只堆装饰元素；涉及真实页面改动时，应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适合场景：Next.js 项目开发 / React 组件生成 / 前端性能优化
用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务，不应只堆装饰元素；涉及真实页面改动时，应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
zig-best-practices 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
brand-guidelines 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
