AI编程与VibeCoding

Cursor

提示

原则：用户提供一系列包含详细信息的文档，为AI设定明确的上下文边界。

六类核心文档：

PRD（项目需求文档）

让人工智能对您正在构建的内容有了深入的高层理解。

内容包括：【视频1】
• 应用概述
• 用户流程说明
• 技术栈与API信息
• 核心功能
• 项目的边界（哪些在范围内，哪些不在）

应用流程文档

相当于应用的导航地图。地图越清晰，AI的表现越稳定。

关键要点：【视频2】
• 描述每一个页面的功能与结构
• 用户如何从一个页面跳转到另一个页面
• 使用简单直接的语言，避免模糊和抽象
• 尽可能具体，帮助AI明确路径，减少混淆

技术栈文档

明确告诉AI应使用哪些技术组件。

应包含：【视频3】
• 所有相关软件包与依赖项的清单
• API文档链接（AI可以读取）
• 首选的库或工具（如Supabase、Stripe、NextAuth等）

这样可有效避免AI随意“发挥”，减少使用错误技术的幻觉。

前端设计指南

教会AI你的视觉语言，确保UI风格一致。

包含：【视频4】
• 字体
• 色彩搭配
• 间距与布局规范
• 首选的UI库或框架
• 图标集

后端结构文档：对使用Supabase或Firebase尤为关键。

需涵盖：【视频5】
• 数据库结构
• 用户认证逻辑
• 存储规则
• 特殊边界情况处理方式

只有清楚这些前提，AI才能正确生成SQL等后端逻辑。

实施计划：这是抗“幻觉”的关键步骤。【视频6】

将手动开发时需执行的50多个步骤详列出来，交由Cursor或Windsurf执行。

如此一来，AI便不再进行猜测，而是直接执行。

Trae

参考

AI编程分享