vibe-coding体验

⚙️ 完整设置流程

1. 需求设计文档

• 使用 gpt-5.1-codex 或 Claude Opus 4.5 生成简洁的 Markdown 格式设计文档
• 保存为 design-document.md
• 自行审阅完善，确保符合项目愿景
• 初期文档可简化，后续逐步迭代优化

2. 技术栈配置

• 由 AI 推荐最适合的技术栈，保存为 tech-stack.md

• 要求推荐最简单且健壮的方案

• 在终端使用 /init 命令初始化规则

• 重点审查规则，确保强调模块化设计，避免单体文件

• 设置强制规则（Always）：

  重要提示：

  编码前必须完整阅读：

  memory-bank/@architecture.md（含完整数据库结构）

  memory-bank/@game-design-document.md

  每个重大功能完成后必须更新 architecture.md

3. 实施计划

• 提供以下文件给 AI：
  • game-design-document.md
  • tech-stack.md
• 生成详细实施计划（Markdown格式）
• 要求：
  • 步骤细化且具体
  • 每步包含验证测试
  • 仅描述指令，不包含代码
  • 优先实现基础功能

4. 记忆库设置

• 创建项目文件夹并在 VSCode 中打开
• 新建 memory-bank 子目录
• 放入以下文件：
  • game-design-document.md
  • tech-stack.md
  • implementation-plan.md
  • progress.md（新建空文件）
  • architecture.md（新建空文件）

🚀 开发基础

1. 准备工作

• 在 VSCode 中启动 Codex 或 Claude Code
• 提示词："请阅读/memory-bank所有文档，确认implementation-plan.md是否完全清晰？有哪些需要澄清的问题？"
• 根据反馈完善实施计划

2. 开始实施

• 提示词："阅读/memory-bank所有文档，执行实施计划第1步。测试通过前不要开始第2步。"
• 测试通过后：
  • 更新progress.md
  • 补充architecture.md说明文件作用
• 始终先使用"Ask"或"Plan Mode"确认方案

🎙️ 语音交互

• 安装Superwhisper实现语音交流

🔄 工作流程

• 完成每步后：
  • 提交Git变更
  • 新建聊天会话
  • 继续下一步实施
• 循环执行直至计划完成

✨ 功能扩展

• 基础完成后，可逐步添加新功能
• 每个主要功能创建feature-implementation.md
• 采用增量式开发和测试

🐛 问题处理

1. 常规修复

• 使用/rewind回退或git reset
• 报错处理：
  • JS错误：复制控制台日志给AI
  • 视觉问题：截图发送
• 可安装BrowserTools自动收集错误

2. 疑难问题

• 回退到上一git commit重试
• 严重问题时：
  • 使用RepoPrompt/uithub整合代码库
  • 提交给AI分析

💡 实用技巧

1. AI工具使用

• 终端版可直接查看diff和上下文
• /rewind快速回滚
• 创建自定义命令如/explain
• 定期使用/clear或/compact清理

2. 提示词优化

• 添加："请仔细思考，严格按指示执行。如有不明确请提问。"
• 思考强度关键词：think < think hard < think harder < ultrathink

3. 快捷操作（慎用）

• 使用--dangerously-skip-permissions或--yolo跳过确认