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 贡献。

相关

  • 项目
  • 项目
  • 项目
  • 项目