skills收集

skill 安装

npx skills（也称 skills-cli）是 Vercel Labs 开源的 Skill 管理工具可以方便的安装和管理多agent skills避免多agent单独安装skill的繁琐。

# 从 GitHub 仓库安装（格式：owner/repo）
npx skills add vercel-labs/slack-agent-skill

# 安装到指定 Agent
npx skills add vercel-labs/slack-agent-skill --agent claude-code

# 从完整 URL 安装
npx skills add https://github.com/jmr85/e2e-agent-skills --skill playwright-automation-expert

# 全局安装（所有项目可用）
npx skills add osovv/grace-marketplace -g
命令 说明
npx skills list / ls 列出已安装的 Skills 
 
npx skills find [keyword] 搜索 Skills（交互式或关键词）
 
npx skills remove [name] 移除 Skill 
 
npx skills check 检查 Skill 更新 
 
npx skills update 更新所有 Skills 
 
npx skills init [name] 创建新的 Skill 模板 

收集文章

https://my.feishu.cn/wiki/KCEfwUxHFihEXIk76k0cFimNnng

skills库

Claude Code官方Skills库：

https://github.com/anthropics/skills

https://github.com/anthropics/claude-plugins-official

 

https://github.com/ComposioHQ/awesome-claude-skills
https://github.com/travisvn/awesome-claude-skills
https://github.com/BehiSecc/awesome-claude-skills
https://github.com/VoltAgent/awesome-claude-skills

skills收集网站

https://skillsmp.com

https://skills.sh/

https://github.com/JimLiu/baoyu-skills/tree/main/skills

https://skills.sh/vercel-labs/skills/find-skills

科学研究的：https://github.com/K-Dense-AI/claude-scientific-skills
 
小龙虾用：https://clawdhub.com/skills
 

skills

 

 

安装

#添加官方插件市场
/plugin marketplace add anthropics/skills
#安装依赖包（skill-creator 属于 example-skills 子包）
/plugin install example-skills@anthropic-agent-skills
#安装完成后重新加载下插件
/reload-plugins
#查看是否存在 example-skills 及 skill-creator
/plugin list

 image

 claude官方市场插件

anthropics/claude-plugins-official

 

#安装市场
/plugin marketplace add anthropics/claude-plugins-official
#查找context7
/plugin

选择discover,定位到搜索框

image

选择后，回车，选择要按照的范围类型

image

安装后执行/reload-plugins 来激活，在进行/plugin 查看已经安装的，我这里之前安装过一个context7 mcp就可以卸载掉了

image

或者直接这样安装

/plugin install context7@claude-code-plugins

 

skill-creator

Anthropic官方出的Skills生成器,跟agent进行对话，然后直接用Skill-creator，帮你做成一个Skill。

https://github.com/anthropics/skills/tree/main/skills/skill-creator

context7，

实时文档查询与代码示例获取,用于解决 LLM 训练数据过时导致的代码幻觉问题

从官方源码拉取最新、版本特定的文档和代码示例

使用，如：

Create a Next.js middleware that checks for a valid JWT in cookies and redirects unauthenticated users to `/login`. use context7

 

claude-md-management

CLAUDE.md 文件管理工具，自动维护CLAUDE.md,它可以自动生成、更新或优化项目文档的结构，确保 AI 在后续对话中能准确理解项目背景，保持对话的一致性和连续性。


code-simplifier

专注于代码质量的提升。它可以将复杂的、冗长的代码片段进行简化和重构，使其更易读、更易维护，同时保持原有功能不变。

也可以根据CLAUDE.md 的规则进行优化

专注最近修改的代码，防止意外改动未涉及的部分


feature-dev

是一个结构化的“做需求/写功能”工作流：安装好之后，在 Claude Code 里用 /feature-dev <需求描述> 启动，它会自动走 7 个阶段（探索、澄清需求、架构方案、实现、质量审查、总结），并配合三个专用智能体帮你做更靠谱的方案与实现。

结构化功能开发工作流，提供 7 阶段完整开发流程 的综合性插件：

  • Discovery（需求澄清） — 明确功能需求
  • Codebase Exploration（代码库探索） — 启动 code-explorer 代理分析相关代码
  • Clarifying Questions（澄清问题） — 填补信息空白
  • Architecture Design（架构设计） — 启动 code-architect 代理提供设计方案
  • Implementation（实现） — 带审批门的编码阶段
  • Quality Review（质量审查） — 启动 code-reviewer 代理检查
  • Summary（总结） — 完成总结

使用场景：

  • 适合用
    • 跨文件较多、需要做架构决策的新功能；
    • 要和现有代码做深度集成；
    • 需求一开始有点模糊，需要逐步澄清。
  • 不适合用
    • 单行修 bug；
    • 很小且边界明确的改动；
    • 紧急 hotfix（走这么完整的流程会偏重）。

使用方式：

  • /feature-dev Add user authentication with OAuth（带具体需求）
  • 或 /feature-dev（不带描述，稍后由它引导你描述）

Feature Dev 插件自带三个专用智能体，你也可以单独调用：

  • code-explorer：用来“追踪某个功能是怎么实现的”。
    示例提示词：
    • “Launch code-explorer to trace how authentication works”
  • code-architect：用来“设计某个模块的架构”。
    示例提示词：
    • “Launch code-architect to design the caching layer”
  • code-reviewer：用来“检查我最近的改动”。
    示例提示词：
    • “Launch code-reviewer to check my recent changes”


frontend-design

  • 专注于用户界面开发。它可以根据用户的描述快速生成前端代码
  • 提供布局、配色和交互设计的建议


hookify

通过对话的方式创建钩子


pr-review-toolkit

代码审查工具包，针对代码质量的不同方面进行深度审查

Anthropic 官方的「PR Review Toolkit」是一个 Claude Code 插件，它内置 6 个“专家智能体”，不用你自己写 Prompt，只要在 Claude Code 里用自然语言说你要审什么，它就会自动按维度帮你做 PR/代码审查（注释、测试、错误处理、类型设计、规范、简洁性）。

代理    专注领域
comment-analyzer    代码注释质量
pr-test-analyzer    测试覆盖和质量
silent-failure-hunter    错误处理和静默失败
type-design-analyzer    类型设计
code-reviewer    通用代码质量
code-simplifier    代码简化建议

/pr-review-toolkit:review-pr 命令，可选择审查方面

 

怎么用：

自然语言触发：

  • 只审测试：
    • “Check if the tests cover all edge cases for this PR.”
  • 只审错误处理：
    • “Review the error handling in the API client.”
  • 审注释：
    • “Are my code comments accurate？”
  • 综合审一遍再提 PR：
    • “I’m ready to create this PR. Please review test coverage, check for silent failures, verify comments accuracy, review new types, and do a general code review.”

直接调用某个智能体：

  • 通用审代码：/pr-review-toolkit:code-reviewer
  • 审测试：/pr-review-toolkit:pr-test-analyzer


commit-commands

简化 Git 提交、推送和 PR 创建的命令集合

/commit — 自动生成符合仓库风格的提交信息
/commit-push-pr — 一键完成：创建分支 → 提交 → 推送 → 创建 PR
/clean_gone — 清理远程已删除的本地过时分支

ralph-loop

自引用 AI 开发循环

实现自我参照的迭代开发，让 Claude 能够在多小时内自主工作

工作原理：
  • 基于"Stop Hook"模式，在 Claude 尝试退出时拦截并继续迭代
  • 每个任务完成后重置上下文，防止"上下文污染"
  • 错误被记录为"护栏"，防止重复犯错
  • 进度保存在 git 历史中
使用方式：
  • /ralph-loop — 启动循环（需配合 PRD 需求文档）
  • /cancel-ralph — 取消活跃的 Ralph Loop

 

其他

Planning with Files

Claude Code 自带的 Plan Mode 有个让人头疼的问题：规划存在对话上下文里，上下文一压缩就丢了。长任务做到一半，Claude 忘了自己在干嘛。又从头开始。

Planning with Files 把规划、进度和知识都写进 Markdown 文件。Claude 开始干活前先创建计划文件，每完成一步就更新进度，遇到有用的信息就记到知识文件里。文件在磁盘上就不会丢，即使上下文被压缩了也能恢复状态。

/plugin marketplace add OthmanAdi/planning-with-files
/plugin install planning-with-files

 

find-skills

用来找Skills的Skills

https://github.com/vercel-labs/skills/tree/main/skills/find-skills

find-skills 在 skills.sh 的上的详情页：https://skills.sh/vercel-labs/skills/find-skills

ui相关skills:

https://github.com/anthropics/claude-plugins-official/tree/main/plugins/frontend-design/skills/frontend-design

https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

编程相关：

Superpower skills：https://github.com/obra/superpowers

planning-with-files skill：https://github.com/OthmanAdi/planning-with-files

ralph-wiggum skill：https://github.com/anthropics/claude-code/tree/main/plugins/ralph-wiggum

打通NotebookLM：

NotebookLM Skill：https://github.com/PleasePrompto/notebooklm-skill

前端：

React Best Practices

Vercel官方发布的，将React功能浓缩为一个skill

Agent Browser

浏览器控制

https://github.com/vercel-labs/agent-browser

React Best Practices skills：https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices 更多介绍：https://vercel.com/blog/introducing-react-best-practices

codex-plugin-cc

codex-plugin-cc 是 OpenAI 官方于 2026年3月30日-31日发布的一个 Claude Code 插件

允许开发者直接在 Claude Code 工作流中调用 OpenAI 的 Codex 进行代码审查和任务委派

github地址：https://github.com/openai/codex-plugin-cc

主要命令

命令 功能说明
/codex:review 标准只读代码审查，检查代码质量、结构缺陷和潜在错误
/codex:adversarial-review 对抗性审查，主动挑战代码中的隐藏假设和设计决策，适用于高风险场景（如数据库迁移、权限变更等）
/codex:rescue 将当前任务完全移交给 Codex 接管执行，适合对话卡壳或需要换角度重新处理的情况
/codex:status 查看后台 Codex 任务状态
/codex:result 获取 Codex 完成的最终结果
/codex:cancel 取消正在运行的后台任务
/codex:setup 检查并设置 Codex CLI 环境

安装：

前提条件：

ChatGPT 订阅（包括免费版）或 OpenAI API Key

本地已安装 Codex CLI（npm install -g @openai/codex）

# 1. 添加插件市场
/plugin marketplace add openai/codex-plugin-cc

# 2. 安装插件
/plugin install codex@openai-codex

# 3. 重载插件
/reload-plugins

# 4. 检查 Codex 环境
/codex:setup

实现原理：

  • 调用 Codex App Server：插件内部通过 JSON-RPC 2.0 协议与 Codex 的 App Server 通信
  • 不是独立的 Codex 实例，而是直接调用本地的 Codex 服务

会导致上下文爆炸吗：

  • 不会导致上下文爆炸，codex-plugin-cc 的设计架构从根本上避免了这个问题，codex-plugin-cc 通过 Codex App Server 以独立进程方式运行，而非在 Claude Code 的上下文中执行；
  • Codex 的完整思考过程（包括多轮推理、工具调用、文件分析）都发生在 Codex 自己的 App Server 进程 中，完全不占用 Claude Code 的上下文窗口。
  • 它通过进程隔离和仅传递最终结果的方式，有效避免了上下文爆炸问题。 

Playwright

Playwright 是由 Microsoft 于 2020 年开发的开源浏览器自动化测试框架，专为现代 Web 应用设计 。它提供了统一的 API 来操控 Chromium、Firefox 和 WebKit 三大浏览器引擎，使开发者能够用一套代码完成跨浏览器测试 。

官网：https://github.com/microsoft/playwright-cli

安装：

npm install -g @playwright/cli@latest
playwright-cli install --skills

之后使用

> Use playwright skills to test https://demo.playwright.dev/todomvc/.
  Take screenshots for all successful and failing scenarios. 

posted @ 2026-03-17 16:32  星光闪闪  阅读(204)  评论(0)    收藏  举报