Vibe Coding 的提示词技巧

获取优质结果的技巧

为了在 Vibe Coding 过程中获得更好的输出，最有效的方法之一是在编写代码前让 Agent 尽可能详细地了解你的需求。

在说明你想要的功能或更改后，在提示词的末尾添加这样一行：

“为了充分理解我对这个功能的需求及设想，你可以问我任何问题。”

Agent 往往会给出富有洞察力的后续问题，有时甚至是一些你未曾想过要明确说明的问题。这个过程有助于预先厘清你的需求，避免日后出现误解或白费功夫的情况。

产品规划

在开始 Vibe Coding 前，先花点时间做好产品规划。回答这四个问题：

这是什么产品或什么功能？
它面向哪些用户？
用户为什么要用它？
用户最重要的核心操作是什么？

全面的代码库审计

如果你的项目已经变得很大，或者你怀疑存在结构性问题，那么一个完整的代码库审计提示会很有用。这会要求人工智能分析整个项目的整洁度、正确的架构以及任何放错位置的代码。这就好比在问“所有东西都按照应有的方式组织好了吗？”

执行一次 **覆盖整个代码库的全面审计**，检查架构是否清晰、模块化且经过优化：

- 找出任何放错位置或可以更好组织的文件、组件或逻辑。是否存在不应属于当前文件的代码（错位逻辑）？
- 评估是否有明确的关注点分离（如：数据处理 vs UI vs 状态管理）。指出任何耦合过度的代码区域。
- 标出任何过于复杂或不符合最佳实践的代码区域。
- 提供一份包含具体建议的报告，以改进结构和可维护性， **暂时不进行任何代码变更**。

把建议拆解成一个有序步骤列表，从最关键到可选增强依次排列。

*(这是只读分析；在本次审计中不要修改代码。)*

这个提示词很长，但它指导人工智能扮演代码审查员或架构师的角色。我们要求它找出放错位置的代码，检查模块化，甚至确定修复的优先级。

我们不应该一直关注一个地方，每个一段时间，我们都应该重新审视整体结构。

重要功能更新指南

在修改重要领域（比如复杂的认证流程、核心算法）时，在提示词中添加一个警示性指导原则是明智的做法。这本身并不能发现漏洞，但它能通过告诉 Agent 要格外小心来帮助预防漏洞。

The next change is in a **critical part of the app**, so proceed with **utmost caution**. 

- Carefully examine all related code and dependencies *before* making changes.
- **Avoid any modifications** to unrelated components or files.
- If there’s any uncertainty, pause and explain your thought process before continuing.
- Ensure thorough testing after the change to confirm nothing else is affected.

**Task:** Update the user authentication logic to support OAuth login via Google, on top of existing email/password without breaking either flow.

*(Be extremely careful and double-check each step during implementation.)*

它会影响人工智能执行任务的方式，以尽量减少引入新的漏洞。这种策略对于脆弱部分很有用：身份验证、支付处理、数据迁移——任何一个小错误都可能导致严重问题的部分。这是一种预防性调试措施。

性能优化检查

如果你的应用能正常运行，但速度很慢或占用大量资源，你可以使用提示词让人工智能分析性能。这可能包括检查数据获取模式、查找渲染效率低下的问题，或提出优化建议（缓存、记忆化等）。这就好比在问：“我们怎样才能让它更快、更流畅？”

Our app is functional but seems **sluggish**. Please **analyze the project for performance bottlenecks** and suggest optimizations:

- Check for any unnecessary database or network calls (e.g., duplicate fetches or N+1 query patterns).
- Identify components that might be re-rendering too often or doing heavy work on the main thread.
- Look at our use of assets (images, scripts): are there any large bundles or unoptimized assets affecting load time?
- Suggest improvements like caching frequently used data, using React memo or lazy loading where appropriate, and any other ways to speed up the app.

Provide the analysis and recommendations in a list. Do not make code changes yet – just tell us what to improve for better performance.

这会输出一个性能检查报告。

处理持续出现的错误

问问 Agent 目前已经尝试过的方案。
让 Agent 用简单的语言解释这个错误发生的原因，看看 Agent 是否真的理解这个错误。
考虑别的路径。问问 Agent，如果这个错误不断发生，有没有别的方案可以实现目标。