首页 › Vibe coding 项目实战专栏 › 第 1 章:什么是 Vibe Coding? › 第 5 章:特定场景的提示词模板 (Cheat Sheet)

第 5 章:特定场景的提示词模板 (Cheat Sheet)

​

🪢

🎯 本章目标:​

不再从零开始写 Prompt​

这里有一套经过验证的"复制-粘贴"模板库,覆盖开发、调试、重构、测试和文档五大高频场景​

请把本章加入收藏夹!​

​

​

​

5.1 功能开发类 (New Features)​

当你需要实现一个新页面、组件或 API 时,使用此模板。​

📋 模板:全栈功能开发​

​

代码块​

Markdown

[Context]​

项目技术栈:{React/Next.js/Vue}, {Tailwind CSS}, {Node.js/Python}​

当前任务:开发一个 {功能名称} 模块。​

​

[Requirement]​

请帮我实现以下功能:​

1. {核心功能点 1}​

2. {核心功能点 2}​

3. {UI/UX 要求}​

​

[Constraints]​

- 代码风格:{Functional Component / DRY 原则}​

- 库的使用:仅使用 {shadcn/ui / axios},不要引入新包。​

- 边界处理:请处理 {Loading / Error / Empty} 状态。​

​

[Output]​

1. 先列出需要修改或创建的文件列表。​

2. 给出每个文件的完整代码(不要省略)。​

​

💡 例子:写一个模态框​

​

"请帮我实现一个通用的 Modal 组件。 要求:支持自定义标题、内容和底部按钮。点击遮罩层关闭。 约束:使用 Radix UI Primitives,样式用 Tailwind。不要用 fixed positioning,用 Dialog Portal。"​

​

​

​

5.2 Bug 修复类 (Debugging)​

当代码报错或行为怪异时,不要只贴报错信息,用这个模板让 AI 深度分析。​

📋 模板:深度 Debug​

​

代码块​

Markdown

[Context]​

我正在调试 {功能模块}。​

当前表现:{描述 Bug 的现象,比如点击没反应、数据不更新}​

预期表现:{描述应该发生什么}​

​

[Evidence]​

​

5.3 代码重构类 (Refactoring)​

当代码能跑但很乱,或者需要升级技术栈时。​

📋 模板:代码现代化与优化​

​

代码块​

Markdown

[Context]​

这段代码是 {几年前写的 / 遗留代码},难以维护。​

​

[Requirement]​

请重构以下代码:​

1. **可读性**:拆分长函数,提取魔法数字为常量。​

2. **类型安全**:添加完整的 TypeScript 类型定义(不要用 any)。​

3. **性能**:{优化循环 / 减少重渲染 / 使用缓存}。​

​

[Constraints]​

- 保持原有的业务逻辑不变(这一点最重要!)。​

- 保持对外 API 接口签名一致。​

- **请确保重构后的代码能通过现有的所有测试用例**(如果还没有测试,请先帮我补全测试)。​

​

5.4 测试编写类 (Testing)​

Vibe Coding 的最佳伴侣:你写逻辑,AI 写测试。​

📋 模板:单元测试生成器​

​

代码块​

Plain Text

[Context]​

我已经完成了 {UserAuth} 模块的开发。现在需要补充单元测试。​

测试框架:{Jest / Vitest / React Testing Library}​

​

[Requirement]​

请为以下代码编写测试用例,要求覆盖率达到 {80%+}。​

​

💡 技巧​

你可以要求 AI 生成 "Gherkin 语法" 的测试描述(Given-When-Then),这样连产品经理都能看懂测试测了什么。​

5.5 文档生成类 (Documentation)​

最讨厌写文档?交给 AI。​

📋 模板:README 生成器​

​

代码块​

Markdown

[Requirement]​

请为我的项目生成一份专业的 README.md。​

​

[Project Info]​

项目名称:{Vibe Timer}​

功能描述:{一个基于自然语言生成的倒计时应用}​

核心特性:​

- {特性 1}​

- {特性 2}​

​

[Output Structure]​

请包含以下章节:​

1. 🚀 项目简介与 Demo 截图位​

2. 🛠 技术栈​

3. ⚡️ 快速开始(安装与运行命令)​

4. 📂 目录结构说明​

5. 🤝 贡献指南​

​

📋 模板:代码注释生成​

​

代码块​

Plain Text

​

5.6 代码审查类 (Code Review)​

除了写代码,AI 也是最好的代码审查员。在提交代码前,让它帮你把把关。​

📋 模板:Code Review 专家​

​

代码块​

Markdown

[Context]​

​

5.7 进阶玩法:注入 "Vibe" (Custom Vibe)​

让 AI 不只是冷冰冰的工具,而是你的"灵魂伴侣"。给它设定一个 "Persona",编程会更有趣。​

🎭 模板:人设注入 (Persona Injection)​

在提示词开头或结尾加上这几行:​

​

代码块​

Plain Text

[Vibe Settings]​

- **Role**: {资深全栈工程师 / 严厉的代码洁癖患者 / 温柔的二次元导师}​

- **Tone**: {简洁直接 / 幽默风趣 / 苏格拉底式提问}​

- **Philosophy**: {Less is More / 性能至上 / 防御性编程}​

​

例子: "你是一个极简主义设计大师。请帮我重构这个 CSS,我要求代码极其精简,每一个像素都要有意义。"​