Claude Code有哪些好用的skill?Claude Code上好用的skill盘点

Claude Code本身能力就很强,不过搭配一些skill,那么就能更好的帮忙做事情,具体Claude Code有哪些好用的skill呢?下面就为大家分享。

Claude Code有哪些好用的skill:

1、find-skills:找合适的 Skill

我在做 React 项目,有什么能直接用的 Skill?

Claude 列了几个候选:vercel-react-best-practices(Vercel 官方的 React 最佳实践)、frontend-designweb-design-guidelines。安装命令:

npx skills add vercel/skills --skill vercel-react-best-practices
claude "用 vercel-react-best-practices 帮我审查这个组件"

2、programmer-prompt-engineering-guide:写好提示词

经常觉得"生成的代码不符合预期",多半是提示词太糙。这个 Skill 的核心建议就一条:把"目标 + 上下文 + 约束 + 示例"四样里至少补两样

对比一下:

× 优化这个函数
○ 把这个函数从 O(n²) 降到 O(n),输入是 1 万级别数组,要保持 API 不变

× 写一个购物车组件
○ 用 React + TS + Tailwind 写购物车:
  - 商品行(图/名/价/数)、加减、删除、合计、空状态
  - 用 Zustand 管状态,shadcn/ui 的 Card
  - 数据结构:interface CartItem { id, name, price, quantity, image }

3、audit-website:网站审计

网站上线了,跑一遍全面审计。

Claude 给的报告通常包含四个维度的分数(性能 / SEO / 可访问性 / 安全)和优先级排序的修复清单。比如性能这块常见问题是图片没上 WebP、CSS 没压缩、字体没 preload,按 LCP 影响排序。

4、brainstorming:起名 / 想点子

做一个 AI 写作助手,帮我想几个名字。

Claude 会按风格分类输出(科技感 / 文艺 / 现代 / 简洁),点哪类继续往下挖就行。这个 Skill 的核心价值是给"风格维度",避免名字都长一个样。

5、pdf:生成 PDF

订单转发票是高频需求,关键是中文字体。pdfkit 默认不支持,得自己指定字体文件:

import PDFDocument from 'pdfkit';

export async function generateInvoicePDF(order: Order) {
  const doc = new PDFDocument();
  doc.font('src/assets/fonts/NotoSansSC-Regular.ttf');  // 中文字体
  doc.fontSize(24).text('发票', { align: 'center' });
  doc.fontSize(12).text(`订单号:${order.id}`)
                  .text(`日期:${order.createdAt.toLocaleDateString('zh-CN')}`);
  doc.fontSize(14).text('商品明细', { underline: true });
  order.items.forEach((it, i) =>
    doc.fontSize(12).text(`${i + 1}. ${it.name} - ¥${it.price} x ${it.quantity}`));
  doc.fontSize(16).text(`总计:¥${order.total}`, { align: 'right' });
  doc.end();
  return doc;
}

6、skill-creator:把团队的套路沉淀成 Skill

团队反复写差不多的 REST API?做个 Skill 把模板固定下来:

// skills/rest-api-generator/skill.json
{
  "name": "rest-api-generator",
  "description": "按字段定义快速生成 model + controller + service + routes",
  "commands": [{
    "name": "generate-api",
    "parameters": {
      "entity": "实体名",
      "fields": "字段定义",
      "database": "数据库类型"
    }
  }]
}

之后只需要:

claude "用 rest-api-generator 生成用户管理 API,字段:id, name, email, role, createdAt"

7、agent-browser:浏览器自动化

爬数据或者跑 UI 流程,Playwright 是常用底层:

import { chromium } from 'playwright';

export async function scrapeProducts(url: string) {
  const browser = await chromium.launch();
  const page = await browser.newPage();
  await page.goto(url);
  await page.waitForSelector('.product-item');
  const products = await page.evaluate(() =>
    Array.from(document.querySelectorAll('.product-item')).map(item => ({
      name:   item.querySelector('.product-name')?.textContent,
      price:  item.querySelector('.product-price')?.textContent,
      stock:  item.querySelector('.product-stock')?.textContent,
      rating: item.querySelector('.product-rating')?.textContent,
    })));
  await browser.close();
  return products;
}

8、webapp-testing:E2E 测试

电商网站的结账流程要写 E2E。
import { test, expect } from '@playwright/test';

test('购物车结账完整流程', async ({ page }) => {
  await page.goto('/');
  await page.click('.product-item:first-child .add-to-cart');
  await page.click('.cart-icon');
  await expect(page.locator('.cart-item')).toHaveCount(1);
  await page.click('.checkout-button');
  await page.fill('#name', '张三');
  await page.fill('#email', 'zhangsan@example.com');
  await page.fill('#address', '北京市朝阳区');
  await page.click('.submit-order');
  await expect(page.locator('.order-success')).toBeVisible();
});

跑:npx playwright test

9、code-review:代码审查

刚写完认证模块,帮我审一遍。

通常会按 安全 / 质量 / 性能 三类列问题。最常见的几条:密码没加盐、JWT secret 硬编码、没有限流、函数过长、缺输入校验。修复模板:

import { z } from 'zod';
import rateLimit from 'express-rate-limit';

const loginSchema = z.object({ email: z.string().email(), password: z.string().min(8) });
export const loginLimiter = rateLimit({ windowMs: 15 * 60 * 1000, max: 5 });

export async function login(credentials: LoginDto) {
  const valid = loginSchema.parse(credentials);   // 校验失败抛 ZodError
  // ...
}

10、documentation-generator:生成 API 文档

把控制器和路由文件喂给 Claude,让它生成 markdown 风格的 API 文档:

## POST /api/auth/register
Body: { email, password, name }
返回 201:用户对象
错误:400 参数错误 / 409 邮箱已存在

## POST /api/auth/login
Body: { email, password }
返回 200:{ token, user }

上述就是Claude Code有哪些好用的skill的全部内容,希望这10个skill对大家使用Claude Code提供了帮助,如果想要了解其他用法,欢迎来CoCoLoop社区交流。

我装个试试