Vibe Coding从想法到产品中等

把产品想法做成可运行的 Web MVP

把模糊想法收敛成可运行、可验证、能继续迭代的 Web 最小可行产品。

任务规格
任务类型
从想法到产品
目标平台
Web
现有项目
不需要
兼容工具
Codex · Claude Code · Cursor · GitHub Copilot
开始前准备

先准备这些信息

把必要材料补充完整,再将任务模板交给 Coding Agent。

  • 一句话产品想法与目标用户
  • 必须遵守的技术或部署约束
  • 主流程的可观察验收标准
  • 允许使用的素材与数据边界
可复制模板

完整任务模板

替换大括号中的占位内容。任务模板已经包含实施边界与验证要求。

你是一名负责端到端交付的 Coding Agent。请把{产品想法}实现为面向{目标用户}的可运行 Web MVP,并遵守{技术约束}与{验收标准}。开始前先检查当前目录、可用文件、运行环境和已有约定;如果是空项目,选择满足约束的最小技术方案,如果已有代码,则复用其结构、组件与脚本。不要虚构文件、接口、命令结果或业务规则。 先用一小段话重述核心用户问题、最小用户旅程和明确不做的范围。只有答案会导致大量返工时才提出最多三个阻塞问题,同时继续完成不依赖答案的工作。随后直接实现一条完整主流程,包含清晰的信息层级、真实可操作的交互、合理的示例数据,以及加载、空、错误和重试状态。页面必须适配移动端与桌面端,支持键盘操作,使用语义化结构,并避免把密钥、个人数据或未授权素材写入代码。不要为了“看起来完整”添加与 MVP 目标无关的后台、账号体系或复杂抽象。 完成后启动真实应用并检查主流程,而不只是阅读源码。运行仓库适用的格式检查、类型检查、测试和构建;修复由本次改动造成的问题。最终按“完成内容、主要文件、运行方式、验证证据、尚未验证与后续建议”汇报。只有在命令和页面行为真实通过时才声明完成;如受权限或外部服务阻塞,明确说明阻塞点并保留可恢复状态。
完成后检查

不要只看它说完成了

用真实页面、运行结果和测试证据逐项验收。

  • 主流程可在真实页面完整走通
  • 加载空错误与重试状态可观察
  • 移动端桌面端与键盘操作可用
  • 测试构建结果与剩余风险已如实记录

灵感来源

本站提示词为原创改写。下方展示来源推文,你也可以直接前往 X 查看原帖。

页面会自动加载 X 嵌入内容,可能会向 X 发送你的 IP 地址和浏览器信息。

在 X 查看原帖

正在加载 X 原帖…

继续构建

相关 Vibe Coding 提示词