VibeCoding 全流程交付助手
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_49923fe7/vibecodingskill。
技能介绍
要解决什么问题
很多用 AI「凭感觉写代码」的人,并不是缺想法,而是缺一条能落地的工程链路:不知道从哪装环境、需求说不清、没有 PRD 和设计稿、开发时任务粒度太大、改着改着项目就崩。本技能针对的是从 0 到可验收产品这一整段,而不是单点补全或答疑。
工作方式概览
触发后先区分场景:明确功能需求、模糊启动、流程求助或新项目冷启动会进入全流程;已有项目的小 bug 或纯技术问答则不抢活。
首次使用会先做环境检查(Node、pnpm、Git 等)并搭标准目录:input 与 output/research、requirements、design、development、acceptance 分流,避免文档和代码散落各处。
后续按 Phase 推进,并在各阶段自动切换角色(产品经理、交互/视觉设计、技术架构师、实现规划、开发、测试、独立审计员)。每个 Phase 固定三步:先输出「设计要求」表(目标、步骤、产出、审计项)→ 你确认后再执行 → 按 A/B/C 审计模式做 Subagent 独立审计 + 你的终审。文档类阶段(Phase 0~8 Step 3)必须人工确认;tasks.md 定稿后,Phase 8 的实现与 Checklist 可自动跑。
方法论上融合 SDD(规格驱动开发)、设计系统工程化与渐进式增量开发:Phase 0 用最多 3 轮苏格拉底式提问锁需求;Phase 1 带 PRD 模板;有 UI 则 Phase 3 视觉探索几乎必做,再按是否缺组件决定走 Phase 4–7 建库还是直接 Phase 8。Phase 2 后可并行技术架构师,产出选型、数据模型与 API,默认栈为 Next.js 16 + React 19 + TypeScript + Tailwind v4 + Prisma。
适用边界
它不是代码补全、通用教程或 UI 组件目录,而是流程引导 + 质量门控。你需要愿意在每个 Phase 做 review;若项目已有成熟 workflow,继续用项目自身流程更合适。
使用场景
- 本机尚未配置 Node、pnpm、Git,想用 AI 从零搭博客或后台,需要先环境验证再建 input/output 标准目录
- 只有「做一个课程/订单类系统」的模糊描述,要在三轮提问内锁定范围并产出 PRD 与设计思路文档
- 新功能带 UI 且现有组件库覆盖不了,需要先 Phase 3 视觉参考,再决定是否走设计系统与组件母版 Phase 4–7
- 需求与 tasks.md 已全部确认,希望按 Phase 8 Spec 闭环实现功能,并用 Checklist 做 lint、构建与验收项核对
适合人员
- 独立 side project 创作者,会用 AI 写片段但缺工程经验,希望从环境到验收有一条可跟的流程
- 兼管产品与交付的小团队负责人,需要 PRD 模板、视觉探索和技术架构文档而不是直接堆代码
- 已用 Cursor 等工具 vibe 开发、项目常因缺审计而改崩,愿意每 Phase 做 review 并走 Subagent 审计
- 第一次组装 Next.js + TypeScript + Prisma 栈,需要默认技术栈说明、数据模型与 API 设计再进入实现