Token导航 LogoToken导航

中文 Agent Skills 目录

更适合中文用户的 AI Agent Skills

已整理 15w+ 可复用 Agent Skills,覆盖 Codex、Claude、Cursor、OpenClaw 等主流工具生态,按用途分类、适用工具、中文说明和来源信息统一归档。

收录 Skills
147,385
总安装
2,288,214,820
总下载
764,369,700
GitHub Stars
291,922,668

web-artifacts-builder(网络工件构建器)

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

前端设计许可证明确
总安装
955
周安装
39
下载量
306
Stars
347

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

phoenix-patterns(Phoenix 模式)

phoenix-patterns 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

前端设计审计通过许可证明确
总安装
776
周安装
33
下载量
272
Stars
142

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

responsive-design(响应式设计)

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计
总安装
1,248
周安装
51
下载量
574
Stars
134

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

presentation-generator(演示生成器)

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

前端设计许可证明确
总安装
336
周安装
14
下载量
112
Stars
175

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

motion-design(动作设计)

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计
总安装
1,236
周安装
50
下载量
388
Stars
134

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

dialog-patterns(dialog 模式)

dialog-patterns 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

前端设计审计通过
总安装
840
周安装
35
下载量
280
Stars
37

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

walkthrough-video(演练视频)

用于辅助视频生成、动画合成、脚本化剪辑或 Remotion 等视频项目开发。它适合让 Agent 组织镜头、生成素材说明、维护合成代码或排查渲染问题。使用时需要确认分辨率、时长、素材路径和导出格式;涉及外部素材、人物肖像或商业发布时,应先核对版权授权和内容审核要求。

前端设计审计通过
总安装
6,265
周安装
251
下载量
2,028
Stars
750

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

breakdown-epic-arch(breakdown epic arch 命令行)

breakdown-epic-arch 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

前端设计审计通过
总安装
199,920
周安装
8,471
下载量
70,040
Stars
31,713

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

react-useeffect(React useeffect 开发)

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

前端设计审计通过许可证明确
总安装
9,369
周安装
379
下载量
2,941
Stars
26,432

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

n8n-conventions(n8n 约定)

n8n-conventions 用于辅助前端页面、组件、样式和交互逻辑开发,适合在 Local Agent 中需要维护前端项目、生成组件或检查界面实现时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

前端设计审计通过
总安装
832
周安装
34
下载量
269
Stars
非 GitHub

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

angular-material(Angular material 搜索)

angular-material 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

前端设计审计通过
总安装
659
周安装
28
下载量
231
Stars
12

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

lazy-loading-patterns(延迟加载模式)

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

前端设计审计通过许可证明确
总安装
367
周安装
15
下载量
119
Stars
160

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

shopify(Shopify 前端)

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

前端设计审计通过许可证明确
总安装
6,265
周安装
251
下载量
2,028
Stars
87

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

color-theory(色彩理论)

color-theory 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

前端设计
总安装
1,141
周安装
49
下载量
511
Stars
134

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

electron(Electron 桌面开发)

electron 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

前端设计
总安装
654
周安装
27
下载量
214
Stars
12

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

visual-regression(视觉回归)

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计审计通过许可证明确
总安装
38
周安装
17
下载量
140
Stars
127

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

react-aria-patterns(React aria 模式)

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

前端设计许可证明确
总安装
353
周安装
15
下载量
124
Stars
160

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

playwright-cursor-rules(Playwright Cursor rules 测试)

用于辅助测试设计、自动化测试、用例整理和回归验证。它适合让 Agent 编写单元测试、端到端测试、测试计划或根据失败日志定位问题。使用时需要确认项目测试框架、运行命令和夹具数据,避免为了通过测试而改坏真实逻辑;涉及浏览器或外部服务时,应区分本地模拟、测试环境和生产环境。

前端设计审计通过许可证明确
总安装
6,218
周安装
254
下载量
2,012
Stars
87

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

email-template-builder(电子邮件模板生成器)

email-template-builder 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

前端设计审计通过
总安装
1,283
周安装
54
下载量
449
Stars
103

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情

clean-code(干净的代码)

clean-code 用于补充前端设计相关能力,适合在 Local Agent 中需要让 Agent 承接前端设计相关任务时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

前端设计
总安装
759
周安装
31
下载量
243
Stars
非 GitHub

适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时

核验 2026-05-01Skills 详情