Awesome Claude Code Skills

Awesome Claude Code Skills

Claude Code 最实用的 Skills / Agents / Plugins 精选合集，按场景分类，带安装命令，复制即用。

50+ 精选 | 按场景分类 | 带推荐等级 | 持续更新

---

这个仓库是什么

Claude Code 的 Skill 生态爆发了，但好东西散落在 GitHub、skills.sh、lobehub 各处，找起来费劲。

这个仓库帮你**筛过一遍**：

• 只收有实际价值的 skill，不收凑数的
• 按使用场景分类，不按作者堆
• 标注推荐等级：必装 > 强推 > 好用 > 可选
• 每个都带一键安装命令

**怎么安装 Skill：**

# 通用安装方式
npx skills add <作者>/<仓库>@

# 例子
npx skills add vercel-labs/agent-skills@web-design-guidelines

# 查看已安装
npx skills list

---

目录

• 必装 Top 10
• 设计 / UI
• 前端开发
• 动效 / 视频
• 营销 / SEO
• 代码质量
• 工作流 / 方法论
• 无障碍
• 合集 / 导航站
• 怎么选 Skill

---

必装 Top 10

不管你做什么方向，这 10 个装了不亏。

#	Skill	作者	一句话	安装
1	**Frontend Design**	Anthropic	官方出品，让 UI 不像 AI 生成的	npx skills add anthropics/skills@frontend-design
2	**Context7**	intellectronica	上下文窗口内实时拉 API 文档，不用再贴链接	npx skills add intellectronica/agent-skills@context7
3	**Web Design Guidelines**	Vercel Labs	对照 100+ 最佳实践审查你的 UI	npx skills add vercel-labs/agent-skills@web-design-guidelines
4	**UI-UX-Pro-Max**	Next Level Builder	视觉层级 x 色彩心理学 x 交互模式	npx skills add nextlevelbuilder/ui-ux-pro-max-skill@ui-ux-pro-max
5	**Emil Kowalski's Skill**	Emil Kowalski	设计 + 动效 + 代码 + 性能，全栈审美	npx skills add emilkowalski/skill
6	**Superpowers**	obra	TDD / 并行 Agent / 代码审查 / Git 工作流	npx skills add obra/superpowers
7	**shadcn/ui**	shadcn	官方组件管理 + 表单 + 预览	`npx skills add shadcn/ui