Common Skills

常用 Agent Skills

Skill 发现与扩展

find-skills

根据任务目标寻找合适的 Skill，适合扩展 Agent 能力或为新工作流寻找现成方案。

npx skills add https://github.com/vercel-labs/skills --skill find-skills

skill-creator

如果你准备沉淀自己的工作流 Skill，用它来创建、测试、评估和迭代 Skill。

npx skills add https://github.com/anthropics/skills --skill skill-creator

---

文档与项目说明

create-readme

根据项目结构和代码内容生成 README，适合新项目初始化、开源项目说明补全、已有项目文档重写。

npx skills add https://github.com/github/awesome-copilot --skill create-readme

---

回复风格

caveman

像聪明的原始人一样简洁回答：保留技术实质，去掉无关废话。

npx skills add https://github.com/juliusbrussee/caveman --skill caveman

---

前端与 UI

frontend-design

用于构建高质量前端界面，关注布局、视觉层次、交互细节和整体设计完成度。

npx skills add https://github.com/anthropics/skills --skill frontend-design

vercel-react-best-practices

React / Next.js 性能最佳实践，适合写组件、做 code review、重构、优化 bundle 和渲染性能。

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices

web-design-guidelines

按 Vercel Web Interface Guidelines 审查 UI、UX、可访问性和设计一致性；适合和 frontend-design 搭配。

npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines

next-best-practices

Next.js 专项最佳实践，覆盖文件结构、RSC 边界、数据获取、metadata、error handling、性能优化等。

npx skills add https://github.com/vercel-labs/next-skills --skill next-best-practices

webapp-testing

用 Playwright 脚本测试本地 Web 应用，适合截图验证、DOM 探查、交互测试和前端回归测试。

npx skills add https://github.com/anthropics/skills --skill webapp-testing

shadcn

用于 shadcn/ui 组件开发、组件安装、组合和样式调整，适合快速构建现代 React UI。

npx skills add https://github.com/shadcn/ui --skill shadcn

---

代码质量与架构

improve-codebase-architecture

分析代码库中的架构冲突，并提出模块深度优化重构方案，提升可测试性和可维护性。

npx skills add https://github.com/mattpocock/skills --skill improve-codebase-architecture

---

测试与交付质量

test-driven-development

适合实现新功能或修 bug 前先写失败测试，尤其适合核心逻辑、复杂状态、容易回归的模块。

npx skills add https://github.com/obra/superpowers --skill test-driven-development

systematic-debugging

强制先定位根因再修 bug，适合复杂报错、反复修不好的问题、多模块联动问题。

npx skills add https://github.com/obra/superpowers --skill systematic-debugging

verification-before-completion

任务完成前强制做验证检查，适合减少“代码看起来完成但其实没跑通”的问题。

npx skills add https://github.com/obra/superpowers --skill verification-before-completion

---

Git 与协作规范

git-commit

辅助生成清晰、符合规范的 Git Commit 信息，适合配合 Conventional Commits 使用。

npx skills add https://github.com/github/awesome-copilot --skill git-commit

---

思考与需求梳理

using-superpowers

提供一套系统化 Agent 工作方法，适合处理复杂任务、提升协作质量和任务执行稳定性。

npx skills add https://github.com/obra/superpowers --skill using-superpowers

brainstorming

用于发散思考、方案探索和创意整理，适合产品想法、技术方案和内容结构设计。

npx skills add https://github.com/obra/superpowers --skill brainstorming

---

图表与结构表达

mermaid-diagrams

生成 Mermaid 图表，适合流程图、时序图、架构图、状态机和实体关系图。

npx skills add https://github.com/softaworks/agent-toolkit --skill mermaid-diagrams

文件处理

pdf

处理 PDF：提取文本/表格、合并、拆分、旋转、加水印、OCR、表单填写等。

npx skills add https://github.com/anthropics/skills --skill pdf

docx

处理 Word 文档：创建、编辑、格式化、提取内容、替换文字、处理批注等。

npx skills add https://github.com/anthropics/skills --skill docx

xlsx

处理 Excel / CSV / TSV：清洗数据、公式、格式、图表、错误检查等。

npx skills add https://github.com/anthropics/skills --skill xlsx

pptx

处理演示文稿：创建、读取、编辑、拆分合并、处理 speaker notes 和模板。

npx skills add https://github.com/anthropics/skills --skill pptx

---

快速对照

Skill	分类	适合场景
find-skills	Skill 发现	查找适合任务的 Skill
skill-creator	Skill 开发	创建和迭代自己的 Skill
create-readme	文档	生成或重写 README
caveman	回复风格	极简但保留技术信息的回答
frontend-design	前端/UI	设计和实现高质量页面
vercel-react-best-practices	React/Next	React/Next 性能和代码 review
web-design-guidelines	UI/UX	UI 审查和可访问性检查
next-best-practices	Next.js	Next.js 项目规范和优化
webapp-testing	测试	本地 Web 应用自动化测试
shadcn	前端/UI	开发 shadcn/ui 组件
improve-codebase-architecture	架构	分析并重构代码架构
test-driven-development	测试	TDD 实现功能/修 bug
verification-before-completion	交付质量	完成前强制验证
git-commit	Git	生成规范提交信息
using-superpowers	工作流	系统化处理复杂任务
brainstorming	思考	发散思考和方案探索
mermaid-diagrams	图表	生成 Mermaid 图表
systematic-debugging	调试	根因分析式调试
pdf	文件处理	PDF 读写、OCR、合并拆分
docx	文件处理	Word 文档处理
xlsx	文件处理	表格、数据清洗、公式检查
pptx	文件处理	演示文稿处理