Bolt.new Prompt 技巧
在 Bolt.new 中，Prompt 的质量直接决定了生成应用的完整度和准确度。由于 Bolt 能够处理全栈文件，你的 Prompt 应该更加系统化。
#1. 结构化 Prompt 框架
建议遵循以下结构来编写你的核心指令：
[角色/目标] + [技术栈] + [功能列表] + [UI/UX 要求]
#示例：
"作为一个高级全栈工程师，请使用 Next.js 14 (App Router) 和 Supabase 构建一个个人博客平台。 核心功能：支持 Markdown 编辑、文章分类、用户评论系统。 UI 要求：极简主义风格，响应式设计，使用 Framer Motion 实现丝滑的页面切换动画。"
#2. 进阶技巧
#A. 指定数据结构
如果你有特定的数据处理需求，直接告诉 Bolt：
"在后端模拟中，请确保用户对象包含 profile_picture, bio 和 join_date 字段。"
#B. 模块化开发
不要试图一次性完成所有功能。先建立核心原型，再分步迭代：
- "先建立登录页面和基础布局。"
- "现在添加 Dashboard 统计图表组件。"
- "最后对接支付模拟流程。"
#C. 引用外部库
Bolt 可以自动安装 npm 包，所以你可以大胆指定库：
"使用
lucide-react作为图标库，recharts处理报表，shadcn/ui作为基础组件库。"
#3. 常见指令模式
| 模式 | 常用 Prompt 句式 |
|---|---|
| 新功能 | "Add a feature that..." / "Implement a system for..." |
| 重构 | "Refactor the state management to use Zustand instead of useState." |
| 视觉微调 | "Make the header sticky and add a backdrop blur effect." |
| 修复错误 | "I'm seeing a 404 error when clicking X, please investigate and fix." |
#4. 如何处理复杂的逻辑？
如果逻辑非常复杂（例如复杂的算法或权限校验），可以尝试让 Bolt 先写伪代码或设计方案：
"在实现这个复杂的推荐算法之前，请先用 Markdown 描述你的逻辑步骤。"
#5. 黄金法则
- 具体而非笼统：说 "使用紫色渐变按钮" 比说 "让按钮好看点" 有效得多。
- 提供参考：提到 "类似于 Notion 的侧边栏" 能让 AI 快速定位到你想要的 UI 模式。
- 保持上下文：在一个会话中持续迭代，AI 会记住之前的架构决策。
小贴士：如果 Bolt 生成的代码出错了，直接复制报错信息发给它，它通常能在一秒内给出修复方案。
