⚡️ 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 / 性能至上 / 防御性编程}