首页 › Vibe coding 项目实战专栏 › 第 1 章:什么是 Vibe Coding? › ⚡️ Vibe Coding 提示词库 (Prompt Library)

⚡️ Vibe Coding 提示词库 (Prompt Library)

核心开发 (Core Development)​

适用于:功能开发、重构、调试与测试。​

1.1 全栈功能开发​

适用于:实现新页面、组件或 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. 给出每个文件的完整代码(不要省略)。​

​

1.2 代码重构与现代化​

适用于:优化遗留代码、升级技术栈。​

​

代码块​

Markdown

[Context]​

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

​

[Requirement]​

请重构以下代码:​

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

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

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

​

[Constraints]​

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

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

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

​

[Code]​

```typescript​

{粘贴代码}​

​

​

代码块​

Plain Text

​

## 1.3 深度 Debug​

​

{粘贴 Error Log}​

​

代码块​

Plain Text

2. 复现步骤 (Reproduction Steps):​

- {步骤 1}​

- {步骤 2}​

- {现象}​

​

​

[Instruction] 请分析可能的原因。不要急着给代码,请先:​

解释错误原因(Root Cause Analysis)。​

提供 2-3 种修复方案,并对比优缺点。​

给出推荐方案的完整修复代码。​

​

代码块​

Plain Text

​

## 1.4 单元测试生成​

适用于:TDD 开发或补全测试。​

​

```markdown​

[Context]​

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

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

​

规划与文档 (Planning & Docs)​

适用于:需求规划、项目文档与注释。​

2.1 Mini-PRD (需求规划)​

适用于:开发前的需求梳理。​

​

代码块​

Markdown

​

2.2 README 生成器​

适用于:项目交付。​

​

代码块​

Markdown

[Requirement]​

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

​

​

2.3 文档注释生成​

适用于:补全函数文档。​

​

代码块​

Plain Text

​

质量与安全 (Quality & Security)​

适用于:Code Review 与安全审计。​

3.1 Code Review 专家​

适用于:提交代码前的人工智能审查。​

​

代码块​

Markdown

[Context]​

我是 {Junior Developer},刚完成了 {功能名称} 的开发。​

​

3.2 安全检查​

适用于:敏感代码片段检查。​

​

代码块​

Plain Text

请审计以下代码的安全性:​

```javascript​

​

请重点关注:​

是否有 API Key 硬编码?​

是否有 SQL 注入风险?​

是否有 XSS 漏洞?​

特定领域 (Specific Domains)​

适用于:前端、后端、数据分析等特定场景。​

4.1 前端:截图即代码​

适用于:UI 还原。 (将设计稿截图拖入 Chat 输入框)​

​

代码块​

Plain Text

参考这张截图,请用 {Tailwind CSS} 实现这个界面,要求像素级还原。​

​

4.2 后端:SQL 与正则​

适用于:编写复杂的数据库查询或正则。​

​

代码块​

Plain Text

请写一个 SQL 查询,找出 {所有过去 30 天下单金额超过 1000 元的用户},并按 {地区} 分组统计人数。​

​

​

代码块​

Plain Text

给我写一个正则表达式,校验 {强密码(必须包含大小写字母、数字和特殊符号)}。​

​

4.3 数据分析​

适用于:Python 数据处理脚本。​

​

代码块​

Plain Text

​

Vibe 进阶 (Advanced Vibe)​

适用于:注入个性化的人设与风格。​

5.1 人设注入​

让 AI 更有个性,写出符合特定风格的代码。​

​

代码块​

Plain Text

[Vibe Settings]​

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

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

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

​