AI原生产品构建将产品经理的角色从为他人编写需求转变为直接指挥AI代理构建软件。这种方法将开发时间从数月缩短到数周，成本降低高达99%。
“JIRA-Prompt”框架
将每次与AI代理（如Bolt）的交互视为在为高级开发人员编写高质量工单。
1. 定义技术范围
不要使用通用描述，而是提供AI启动环境所需的具体参数：
- 确定核心功能： “制作一个Spotify克隆版，支持流媒体、播放列表和MP3文件。”
- 指定技术栈： 说明期望的集成（例如，“使用Supabase作为数据库，Netlify用于托管”）。
- 提供数据上下文： 将原始数据（例如LinkedIn个人简介、CSV行或品牌指南）直接粘贴到提示中，为AI提供上下文。
2. 平衡规范与“感觉”
AI代理在同时获得严格要求和创意自由时表现最佳。
- 高具体性： 用于业务逻辑、数据模式和用户流程。
- “感觉”提示： 对于UI/UX，使用描述性语言而非具体CSS。
- 示例： “让它看起来像高端医疗捐赠网站——简洁、专业且值得信赖。”
- 示例： “让它更漂亮、更现代。”
3. 实现迭代调试
当AI卡住或产生错误时：
- 截图调试： 上传UI问题或错误消息的截图，并提示：“修复此问题，使其符合预期设计。”
- “解卡”协议： 如果AI在某个特定逻辑问题上连续3次失败，则切换到人工介入方式。咨询专家或开发人员修复该特定“角落”，同时让AI负责更广泛的代码库。
工作流：从Figma到部署
步骤1：设计提取
使用直接URL方法将静态设计转换为代码：
- 获取您的Figma设计URL。
- 在AI工具URL前添加（例如，
bolt.new/[FIGMA_URL]）。 - 让代理“吸收”资源和布局以创建初始环境。
步骤2：实时原型设计
无需在Figma中拖拽图层，而是提示功能更改：
- “使用Supabase Auth添加登录页面。”
- “创建一个从用户表中拉取数据的仪表盘。”
- 使用QR码预览在您自己的设备上实时测试应用。
步骤3：一键部署
立即将应用移至生产URL：
- 点击“部署”。
- 连接到托管提供商（Netlify/Vercel）。
- 附加自定义域名，将原型转变为实时业务。
示例
示例1：从零到市场的CRM
- 背景： 一位企业家需要带Stripe计费的自定义CRM，但没有3万美元的代理预算。
- 输入： “为房地产经纪人构建一个CRM。包含潜在客户跟踪、用于月度订阅的Stripe集成，以及AI驱动的邮件起草器。使用简洁、蓝色主题的UI。”
- 应用： 使用Bolt生成基本应用。通过提示“添加一个‘最后联系日期’列”和“集成Stripe测试密钥”进行迭代。
- 输出： 一个功能完整的、可产生收入的SaaS产品，在3周内构建完成，推理成本约300美元。
示例2：快速营销落地页
- 背景： 产品经理需要一个新功能实验的落地页。
- 输入： [粘贴LinkedIn个人简介/品牌规格] + “创建一个个人作品集网站。使用专业的深色模式。添加一个‘当前项目’部分，方便我编辑。”
- 应用： 生成网站，然后提示：“添加一个联系表单，将条目发送到我的电子邮件。”
- 输出： 一个在10分钟内准备就绪的、已托管的URL。
常见陷阱
- 遗留代码迁移： 不要尝试将20年历史的、数千文件的遗留生产代码库移至浏览器内的AI代理。将这些工具用于全新项目或隔离的“模块”，如管理面板和营销网站。
- 首版过度提示： 避免为第一版编写长达5页的提示。从“Spotify克隆版”基础开始，逐个添加功能，以防止AI混淆。
- 忽略确定性： 记住代码是确定性的——要么运行，要么不运行。如果AI产生了一个损坏的应用，先检查环境（WebContainer）是否已完成启动，然后再假设代码有误。
- 仅当作设计器使用： 不要仅用于UI。利用其构建“全栈”（数据库、认证、API）的能力，确保原型实际可用，而不仅仅是高保真模型。