Vibe Coding 全栈开发常用 Skills

Vibe Coding 全栈开发常用 Skills

1. superpowers — 编程导师级拆解

能做什么:提供一整套覆盖软件开发全流程的14 个专业工作流,包括需求 brainstorm、写执行计划 writing-plans、TDD 测试驱动开发、系统性调试、代码审查、分支管理等。

适用场景:开发新功能时先用 brainstorm 确认需求和架构,再用 writing-plans 制定详细执行步骤,然后用 TDD 实现,最后用 verification-before-completion 验证。遇到 Bug 时用 systematic-debugging 定位根因。适合需要规范化开发流程、追求代码质量的严肃工程。

一键复制指令:

npx skillsaddsuperpowers/superpowers

或通过 MCP 配置(适用于 Cursor/Antigravity/VSCode):

{"superpowers":{"command":"npx","args":["-y","superpowers-mcp"]}}

2. planning-with-files — 任务规划神器

能做什么:通过三个持久化 Markdown 文件(task_plan.md阶段与进度、findings.md研究发现、progress.md会话日志)来管理工作记忆。即使对话上下文被清空,也能通过session-catchup.py脚本恢复状态。

适用场景:执行复杂、多阶段的大型任务时,防止 AI 因上下文丢失而“断片”。跨多轮对话跟踪项目进度,适合需要长期维护的项目开发。

一键复制指令:

npx skillsaddpi/planning-with-files

或通过 Pi Agent 安装:

piinstallnpm:pi-planning-with-files

3. skill-creator — 自定义技能工厂

能做什么:一个用于创建和管理 Claude Code 技能的综合工具。可自动生成技能、集成 Context7 自动下载文档、支持本地全文搜索。提供 CLI 全控制模式和 Subagent 自动化模式两种使用方式。

适用场景:将重复 3 次以上的工作流封装成专属 Skill。为特定技术栈(如 React Query、Zod)创建定制化技能。让 AI 能力贴合个人或团队的专属工作流。

一键复制指令:

npminstall-gskill-creator

初始化并创建技能:

skill-creator init skill-creator create-cc-skill--scopeuser--name"你的包名"--description"描述"包名@版本

4. diagnose — 系统化修 Bug

注:diagnose核心能力通常作为 superpowers 技能包中的systematic-debugging提供,也可单独使用 Lightrun 方案。

能做什么:强制 AI 按“根因分析”而非“随机试错”的方式排查问题。建立可复现的测试回路,先复现问题再定位修复。按六步走:建测试回路 → 复现问题 → 列假设 → 排查定位 → 验证并写回归测试。

适用场景:遇到难以定位的复杂 Bug 时,需要 AI 系统化排查而非盲目猜测时,修复完成后需要验证确认时。

一键复制指令(Lightrun 方案):

npx skillsaddlightrun/live-runtime-debugging

5. setup-matt-pocock-skills — 项目初始化配置

能做什么:一键安装 Matt Pocock 的工程实践技能集。安装后会询问你使用什么 Issue 追踪器(GitHub、Linear 或本地文件)、Triage 时使用什么标签、文档保存在哪里。核心技能包括/grill-me(非代码场景的对齐追问)和/grill-with-docs(带文档的对齐追问)。

适用场景:新项目启动时的初始化配置。在开始任何改动前,用“盘问”技能让 AI 先问清楚你的需求,避免“开发完发现不对”的常见失败模式。

一键复制指令:

npx skills@latestaddmattpocock/skills/[技能名]

例如安装 TDD 技能:

npx skills@latestaddmattpocock/skills/tdd

6. 技术方案三件套(PRD → 计划 → Issues)

能做什么:将需求文档自动转化为实施计划,再拆解为可追踪的 GitHub Issues。完整链路:写 PRD → PRD 转实施计划 → PRD 拆分为 GitHub Issues,让需求到任务的流转全自动化。

适用场景:规范化开发流程,从需求到任务分解的全链路自动化。适合团队协作时需要清晰任务分配的场景。

一键复制指令:

# 写 PRDnpx skills@latestaddmattpocock/skills/write-a-prd# PRD 转实施计划npx skills@latestaddmattpocock/skills/prd-to-plan# PRD 拆分为 GitHub Issuesnpx skills@latestaddmattpocock/skills/prd-to-issues

7. NotebookLM — 知识库精准查询

能做什么:让 AI 直接对接 Google NotebookLM 笔记,从文档中精准检索答案,支持引用溯源。通过浏览器自动化和持久化认证,实现稳定的知识库连接。

适用场景:需要 AI 基于私有知识库(如项目文档、技术手册、会议记录)回答问题时。大幅减少 AI 幻觉,回答有据可查。

一键复制指令:

pipinstallnotebooklm-py

或通过 Claude Code 安装技能:

notebooklm skillinstall

8. 前端 UI 生成类(v0 / Lovable / Bolt)

v0 — AI 驱动的前端组件生成

能做什么:用 AI 生成可投入生产的全栈应用,支持连接 GitHub 推送代码、一键部署到 Vercel、可视化设计模式微调。擅长高质量 React 组件生成。

适用场景:快速生成高质量的 React 组件和前端页面,从设计稿或文字描述直接生成可运行的 UI。

一键复制指令:直接访问 https://v0.app 在网页中使用,或通过 CLI:

npx @vanko010/v0-cli
Lovable — 聊天式全栈应用构建

能做什么:通过自然语言聊天创建应用和网站,已构建数百万个项目。支持完整前端应用(含路由、状态管理),无需写一行代码。

适用场景:非技术背景的产品经理或设计师快速验证想法,从零到一用对话构建完整应用。

一键复制指令:直接访问 https://lovable.dev 在网页中使用

Bolt — 生产级全栈应用开发

能做什么:专业级“氛围编程”工具,自动路由到最优模型、自动测试和重构、支持比以往大 1000 倍的项目。内置托管、数据库、用户认证、SEO 等企业级后端能力。在动画和交互体验上领先。

适用场景:需要后端一体化的生产级项目,对交互体验和动画有高要求的应用。

一键复制指令:直接访问 https://bolt.new 在网页中使用


9. Supabase — 后端与数据库

能做什么:为 AI 代理提供 Supabase 的程序性知识和上下文。包含全套 Supabase 技能(AI Assistant 能根据自然语言自动生成数据库表结构和 API),以及独立的 Postgres 性能优化、查询设计、Schema 最佳实践技能。支持 18+ AI 代理包括 Claude Code、GitHub Copilot、Cursor 等。

适用场景:在 AI 辅助下开发 Supabase 后端时,让 AI 自动遵循最佳实践编写数据库查询和配置。描述“我需要一个用户管理系统,支持邮箱注册登录、角色权限分级”,AI 几分钟内搭建好完整的后端服务。

一键复制指令(安装全部 Supabase Skills):

npx skillsaddsupabase/agent-skills

如需额外安装 Postgres 最佳实践技能:

npx skillsaddsupabase/agent-skills--skillsupabase-postgres-best-practices

10. 部署运维类(Vercel / Railway)

Vercel — 前端与 Serverless 部署

能做什么:提供一键部署、自动 CI/CD、全球 CDN 加速。与 v0 无缝集成,从代码到上线几分钟内完成。免费计划友好,支持个人项目和开源项目。

适用场景:前端应用、Next.js 项目、Serverless 函数的部署。需要快速上线、全球加速的 Web 项目。

一键复制指令:

npx vercel
Railway — 全栈智能云平台

能做什么:全自动智能云平台,连接代码仓库后自动配置、即时预览。支持 100 Gbps 内网、自动协议检测(HTTP/TCP/gRPC/WebSocket)。提供可视化基础设施画布、日志/指标/告警一站式监控。每个 PR 自动生成预览环境、一键回滚。支持一键部署数据库、后端服务和定时任务。

适用场景:需要数据库、后端服务、多环境管理的全栈项目。从代码到生产环境的自动化部署,适合创业团队和个人开发者。

一键复制指令:

npx railway up

📋 快速索引总表

序号技能一句话功能一键复制指令
1superpowers14 个专业软件开发工作流npx skills add superpowers/superpowers
2planning-with-files三文件持久化任务管理npx skills add pi/planning-with-files
3skill-creator零代码创建自定义技能npm install -g skill-creator
4diagnose系统化根因排查 Bugnpx skills add lightrun/live-runtime-debugging
5Matt Pocock Skills工程实践 + 需求对齐npx skills@latest add mattpocock/skills/[技能名]
6技术方案三件套PRD → 计划 → Issuesnpx skills@latest add mattpocock/skills/write-a-prd
7NotebookLM知识库精准检索pip install notebooklm-py
8av0AI 生成 React 组件直接访问 https://v0.app
8bLovable聊天构建完整应用直接访问 https://lovable.dev
8cBolt生产级全栈 + 动画直接访问 https://bolt.new
9Supabase后端 + PostgreSQL 最佳实践npx skills add supabase/agent-skills
10aVercel前端一键部署npx vercel
10bRailway全栈智能云平台npx railway up