中文 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 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
motion-framer 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务，不应只堆装饰元素；涉及真实页面改动时，应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
loading-states 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
hoc-pattern 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助安全审计、权限检查、凭据风险、认证流程和常见漏洞排查。它适合让 Agent 梳理敏感配置、检查依赖风险、分析鉴权逻辑或生成安全复核清单。使用时不能把工具输出直接当最终结论，涉及密钥、令牌、用户数据或生产系统时，应先确认最小权限、脱敏方式和操作边界。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
webflow-code-component%3acomponent-scaffold 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
flutter-duit-bdui 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
developing-genkit-dart 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
websocket-realtime-builder 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
ltx2 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
umbraco-user-profile-app 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
page-import 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适合场景：用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
