Claude Code本身能力就很强,不过搭配一些skill,那么就能更好的帮忙做事情,具体Claude Code有哪些好用的skill呢?下面就为大家分享。
Claude Code有哪些好用的skill:
1、find-skills:找合适的 Skill
我在做 React 项目,有什么能直接用的 Skill?
Claude 列了几个候选:vercel-react-best-practices(Vercel 官方的 React 最佳实践)、frontend-design、web-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社区交流。
