/ 目录 / 演练场 / claude-skills
● 社区 Jeffallan ⚡ 即开即用

claude-skills

作者 Jeffallan · Jeffallan/claude-skills

12 个分类中的 66 个全栈开发技能 — 当你询问 NestJS JWT、React hooks 或 Postgres 索引时,自动加载正确的参考资料。

面向全栈开发者的精心打磨的技能库。66 个 SKILL.md 包涵盖了语言、后端和前端框架(NestJS、React 等)、基础设施、API、测试、DevOps、安全、数据/机器学习以及平台特定的模式。上下文激活意味着提到特定的技术栈会自动拉取相关的参考资料。

为什么要用

核心特性

实时演示

实际使用效果

claude-skill-2.replay ▶ 就绪
0/0

安装

选择你的客户端

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "claude-skill-2": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/Jeffallan/claude-skills",
        "~/.claude/skills/claude-skills"
      ],
      "_inferred": true
    }
  }
}

打开 Claude Desktop → Settings → Developer → Edit Config。保存后重启应用。

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "claude-skill-2": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/Jeffallan/claude-skills",
        "~/.claude/skills/claude-skills"
      ],
      "_inferred": true
    }
  }
}

Cursor 使用与 Claude Desktop 相同的 mcpServers 格式。项目级配置优先于全局。

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "claude-skill-2": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/Jeffallan/claude-skills",
        "~/.claude/skills/claude-skills"
      ],
      "_inferred": true
    }
  }
}

点击 Cline 侧栏中的 MCP Servers 图标,然后选 "Edit Configuration"。

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "claude-skill-2": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/Jeffallan/claude-skills",
        "~/.claude/skills/claude-skills"
      ],
      "_inferred": true
    }
  }
}

格式与 Claude Desktop 相同。重启 Windsurf 生效。

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "claude-skill-2",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/Jeffallan/claude-skills",
        "~/.claude/skills/claude-skills"
      ]
    }
  ]
}

Continue 使用服务器对象数组,而非映射。

~/.config/zed/settings.json
{
  "context_servers": {
    "claude-skill-2": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/Jeffallan/claude-skills",
          "~/.claude/skills/claude-skills"
        ]
      }
    }
  }
}

加入 context_servers。Zed 保存后热重载。

claude mcp add claude-skill-2 -- git clone https://github.com/Jeffallan/claude-skills ~/.claude/skills/claude-skills

一行命令搞定。用 claude mcp list 验证,claude mcp remove 卸载。

使用场景

实战用法: claude-skills

用 NestJS 的习惯用法实现 JWT 认证

👤 在 NestJS 中工作的后端工程师 ⏱ ~40 min intermediate

何时使用: 你需要 JWT 和刷新令牌,不想从头开始接入 passport 模块。

前置条件
  • NestJS 项目 — nest new my-app
步骤
  1. 请求实现
    使用 NestJS 技能。为这个项目添加带刷新令牌的 JWT 认证。✓ 已复制
    → Claude 加载 NestJS 参考资料并生成符合习惯用法的模块结构(AuthModule、JwtStrategy、guards)
  2. 添加测试
    现在使用测试技能为认证端点添加 e2e 测试。✓ 已复制
    → 遵循 NestJS 约定的 Jest + supertest 测试文件

结果: 生产级别的 JWT 认证加上测试。

注意事项
  • Claude 混合了 NestJS 装饰器和 Express 中间件模式 — 坚持'仅 NestJS 习语 — 不要原始 Express'
搭配使用: github

诊断 React 性能回退

👤 前端工程师 ⏱ ~30 min intermediate

何时使用: 一个曾经流畅的页面现在卡顿,React DevTools 显示了过多的重新渲染。

步骤
  1. 分享可疑的组件
    使用 React 技能。这是组件树 [粘贴]。找出 Settings.tsx 为什么在每次按键时都重新渲染。✓ 已复制
    → 具体诊断(context provider 包裹、未记忆化的对象 prop 等)以及修复方案
  2. 应用 + 测量
    应用修复并为我讲解如何在 DevTools 中验证。✓ 已复制
    → 具体的性能分析步骤

结果: 修复的渲染回退和可重现的验证。

注意事项
  • 在没有测量的情况下用 memo/useCallback 包裹一切 — 技能明确强调先测量
搭配使用: chrome-devtools

组合

与其他 MCP 搭配,撬动十倍杠杆

claude-skill-2 + github

技能编写代码;GitHub MCP 打开 PR

实现 NestJS 认证模块,然后用这些更改打开 PR。✓ 已复制
claude-skill-2 + playwright-skill

前端技能构建 UI;Playwright 技能测试快乐路径

构建新表单,然后使用 playwright-skill 编写一个提交它的浏览器测试。✓ 已复制

工具

此 MCP 暴露的能力

工具输入参数何时调用成本
Backend framework skills (NestJS, etc.) feature request 在支持的框架中进行后端工作 0
Frontend framework skills (React, etc.) UI task 前端功能工作 0
Testing skills code to test 添加或修复测试覆盖 0
DevOps / infra skills deployment context 部署和运维工作 0
Security skills code or flow to review 安全敏感的代码路径 0

成本与限制

运行它的成本

API 配额
每次调用 Token 数
每个加载的技能参考 2-6k tokens
费用
免费 — 技能是本地的
提示
在提示中命名技术栈以仅加载相关的技能。

安全

权限、密钥、影响范围

凭据存储: 无凭据 — 技能是提示
数据出站:

故障排查

常见错误与修复

应用了错误框架的模式

在提示中明确命名框架。

技能在相关问题上没有自动加载

提到框架或类别 — 跨 66 个技能的自动路由是模糊的。

替代方案

claude-skills 对比其他方案

替代方案何时用它替代权衡
claude-skill (alirezarezvani)你想要 PM、营销和合规性与工程一起范围更广但对于纯开发工作来说更嘈杂
Framework-specific skills (convexskills, terraform-skill)你只在一个技术栈中工作在一个领域更深入,但范围不广

更多

资源

📖 阅读 GitHub 上的官方 README

🐙 查看未解决的 issue

🔍 浏览全部 400+ MCP 服务器和 Skills