TechNomadCode/AI-Product-Development-Toolkit
Plan, build and launch products with AI: guided planning prompts, an AI App Starter for Next.js, Supabase and Vercel, and agent configurations.
AI 产品开发工具包
这是一套提示词、指令和命令式技能集合,旨在帮助你使用 AI 助手(如 Claude Code 或 Codex)以结构化的方式规划、构建和发布 Web 应用。
该项目采用 MIT 许可证,分为四个主要部分:
1. 规划提示词
一套 6 个对话驱动的提示词(适用于任何 AI 聊天工具),它们会先对你进行访谈,而不是直接写出一份充满猜测的文档。它们会提出几个有针对性的问题,与你确认假设,只有在你同意后才会起草计划。每一步都为下一步提供基础。
| 步骤 | 提示词 → 你将获得什么 |
|---|---|
| 1 | 用户研究问卷 → 为你的 PRD 提供基于证据的研究摘要 |
| 2 | PRD 生成 → 产品需求文档(目标、用户、需求、约束) |
| 3 | UX 和用户流程 → 用户旅程、屏幕、界面需求 |
| 4 | MVP 范围 → 核心假设、首要解决的问题、简短的包含/排除功能列表 |
| 5 | MVP 构建计划 → 完整的开发计划或精简的“超轻量”构建规范 |
| 6 | 测试计划 → 测试范围、测试类型、环境、进入/退出标准 |
如何使用: 复制提示词文本(使用“Copy raw content”按钮),填写括号中的占位符,粘贴到任何 AI 聊天工具中,并回答其问题。大多数人从第 2 步开始;如果可以采访潜在用户,请先执行第 1 步。你可以从任何步骤开始。
2. AI 应用启动器
这是你的编码代理遵循的指令(非代码),用于与你一起分步构建 Next.js + Supabase + Vercel Web 应用,从构思到发布。你不需要了解整个过程——代理会引导你,而你只需用简单的语言回答。
- 该启动器是 100% 指令:包含阶段性步骤、权限规则以及测试/CI 要求。代理会自行编写应用、测试和检查代码。
- 设置: 在 Claude Code(桌面版或终端)或 Codex 中打开一个新的空文件夹,粘贴一行克隆命令,然后只需说“what's next?”和“continue”。
- 如果你已经有了 PRD 或 MVP 范围,启动器会询问这些内容并跳过相应的访谈。
安全与工作流特性
- 无法直接触及生产环境 — 它仅在你的计算机上工作,使用本地数据库和模拟的支付/电子邮件服务。它从不持有托管密钥(甚至不持有测试密钥),你需要自行推送并启动生产部署。
- 以简单语言引导 — 只询问下一步工作需要什么,自行完成所有本地步骤,其余部分只需你执行一个命令或几次点击。
- 保持井然有序 — 一个计划、一个决策文件、一个已知问题列表;新想法会进入计划,而不是干扰工作。
要求
- 开始前: Node.js, Git, Docker。
- 应用上线后: GitHub, Vercel 和 Supabase 账户。
- 已测试: 使用 Claude Code 桌面版构建到 Web 商店的初步部分,并在带有托管暂存/生产环境的实时站点上进行了测试。
- 尚未测试: Codex 以及完整发布流程。
3. 技能
如果你使用 Claude Code 或 Codex,你可以将规划提示词、AI 应用启动器和一个视频制作器安装为命名命令(例如 /prd, /ux, /mvp-scope, /nextjs-supabase-vercel)。粘贴一行代码到你的代理中即可全部安装(或者你可以按名称只安装几个)。
| 技能 | 命令 | 功能 |
|---|---|---|
| 用户研究 | /user-research |
规划问卷,将回复转化为 PRD 输入 |
| PRD | /prd |
访谈你,然后起草产品需求 |
| UX 和用户流程 | /ux |
根据你的 PRD 映射屏幕和流程 |
| MVP 范围 | /mvp-scope |
选择最值得构建的最小首个版本 |
| MVP 构建计划 | /mvp-plan |
完整或超轻量构建计划 |
| 测试计划 | /test-plan |
起草测试范围和进入/退出标准 |
| AI 应用启动器 | /nextjs-supabase-vercel |
设置一个带有启动器的空文件夹 |
| 视频 | /remotion-video |
在你批准构思和故事板后,通过代码 (Remotion) 制作短视频 |
注意:
- 在 Codex 中,使用
$代替/(例如$prd)。 - 技能仅在你调用时运行;每个规划技能都会运行其对应的规划提示词。
- 视频技能需要 Node.js(通常还需要 Python 用于音频)。它会在你批准计划后自动安装 Remotion。README 中嵌入了一个演示视频。
- 要更新技能,再次粘贴相同的安装行即可。
4. 代理配置
基于 Anthropic 文档的 Claude Code 现成工作指令,旨在合并到你自己的设置中(而不是替换它):
| 配置 | 添加内容 |
|---|---|
| Claude Sonnet 5.5 规则 (最新) | Opus 5.5 文件 + 3 条简短补充:不提供未经请求的额外内容,在给出计划后停止,并在说完成之前运行实际检查。 |
| Claude Opus 5.5 规则 | 一个 CLAUDE.md,用于明确范围、简洁回复以及最新的文档查询(通过 Context7,一个免费的文档工具)。 |
| Claude Opus 5 规则 | 相同的思路,为 Opus 5 编写。 |
须知(来自 README)
- AI 输出是草稿 — 在依赖它们之前,请审查需求、计划和代码。
- 不要粘贴 AI 工具不需要的私人信息。
- 通过 GitHub Issues 反馈(表单会询问你使用了哪个提示词/技能/启动器);通过 Discussions 提问;欢迎通过 CONTRIBUTING 贡献。
相关
- 项目
- 项目
- 项目
- 项目