Vibe Coding 可复用提示词模板
本模板覆盖原型 / MVP、CRUD 接口、UI 组件、调试反馈4 类核心场景,遵循「目标清晰 + 技术栈明确 + 验收标准 + 约束条件」的提示结构,适配主流 LLM(ChatGPT-4o、Claude 3、Cursor、Copilot),可直接复制修改使用。
一、 原型 / MVP 场景
核心目标 :快速搭建最小可行产品,验证核心功能,不追求极致性能与细节。适用场景:创业项目验证、内部工具 Demo、技术预研原型
plaintext
需求目标:帮我开发一个【XX领域MVP】,核心功能是【1-2个核心场景,例如:用户注册登录+任务发布与查看】
技术栈:前端【如:Vue3 + Element Plus】,后端【如:Node.js + Express + MongoDB】,部署方式【如:本地运行/一键部署到Vercel】
约束条件:
1. 代码简洁易运行,避免复杂依赖,提供完整的环境配置步骤(npm指令/启动脚本)
2. 实现核心流程即可,忽略边缘场景(如:密码加密可先用简单哈希,后续再优化)
3. 自带基础的错误提示,无需复杂的异常处理
4. 生成后请附带:启动步骤+核心功能测试方法+下一步优化建议
验收标准:
- 本地能一键启动,无报错
- 核心功能可正常操作(如:注册账号→登录→发布任务→查看任务列表)
- 代码结构清晰,分模块(前端分组件/后端分路由)
二、 CRUD 接口场景
核心目标 :快速生成标准化的增删改查接口,包含数据验证、分页、排序等通用功能。适用场景:后台管理系统、数据中台接口、业务系统基础模块
plaintext
需求目标:帮我开发【XX业务模块,例如:用户管理】的CRUD接口
技术栈:后端【如:Java + Spring Boot + MySQL】,接口规范【RESTful】
数据模型:
- 表名:【如:sys_user】
- 字段:id(主键)、username(唯一)、password、email、create_time、status(0禁用/1启用)
接口功能要求:
1. 查询:支持分页(pageNum/pageSize)、按username模糊搜索、按status筛选
2. 新增:验证username唯一性,密码非空,返回新增数据ID
3. 修改:根据id更新,禁止修改id,验证数据合法性
4. 删除:支持单条删除(id)和批量删除(id列表),逻辑删除/物理删除【二选一】
约束条件:
1. 包含完整的实体类、Mapper/Repository、Service、Controller层代码
2. 加入基础参数校验(如:非空、格式验证),返回统一的响应格式(code/message/data)
3. 生成对应的单元测试用例(如:JUnit5),覆盖核心接口逻辑
4. 附带接口调用示例(Postman请求参数+返回结果)
验收标准:
- 接口无语法错误,可直接嵌入现有项目
- 分页、筛选、校验功能正常生效
- 单元测试覆盖率≥80%
三、 UI 组件场景
核心目标 :生成可复用的前端组件,包含基础样式、交互逻辑、Props 定义。适用场景:后台管理系统组件、移动端 H5 组件、自定义业务组件
plaintext
需求目标:帮我开发一个【组件名称,例如:带搜索的下拉选择组件/文件上传预览组件】
技术栈:前端框架【如:React18 + Ant Design】,样式方案【如:CSS Modules/Styled Components】
组件功能要求:
1. 基础功能:【如:下拉选项展示+输入关键词搜索匹配+多选/单选切换】
2. 交互逻辑:【如:搜索防抖(500ms)、无匹配结果时显示"无数据"、选中后回显标签】
3. Props 定义:
- 必填:options(选项列表,格式[{label,value}])、value(选中值)
- 可选:placeholder、disabled、multiple(是否多选)
4. 事件: onChange(选中值变化时触发,返回最新value)
约束条件:
1. 组件支持按需引入,无全局样式污染
2. 加入基础的边界处理(如:options为空时显示提示、value不在options中时兼容)
3. 提供组件使用示例(import+渲染+传参)
4. 兼容【如:Chrome/Firefox/Edge】主流浏览器,移动端适配【是/否】
验收标准:
- 组件代码可直接复制到项目中使用
- Props 传参正常生效,交互逻辑符合预期
- 样式美观,无错位/溢出问题
四、 调试反馈场景
核心目标 :针对 AI 生成的代码 Bug / 不符合预期的问题,精准反馈并引导 AI 修复。适用场景:代码运行报错、功能不符合需求、性能 / 逻辑优化
模板 1:代码运行报错修复
plaintext
问题描述:
1. 你之前生成的【功能模块,例如:用户登录接口】代码运行时报错
2. 报错信息:【粘贴完整的报错日志,如:NullPointerException at UserService.login line 25】
3. 运行环境:【如:JDK17 + MySQL8.0,本地启动】
4. 相关代码片段:
【粘贴报错相关的代码,如:UserService的login方法】
修复要求:
1. 分析报错原因,给出问题定位说明
2. 提供修改后的完整代码(只修改报错相关部分,保留其他逻辑)
3. 说明修改思路,避免后续出现类似问题
4. 附带验证方法(如何确认问题已修复)
模板 2:功能不符合预期优化
plaintext
问题描述:
1. 你之前生成的【功能模块,例如:分页查询接口】功能不符合预期
2. 预期效果:【如:分页参数pageNum默认值为1,pageSize默认值为10,返回总条数total】
3. 实际效果:【如:无默认值,不传参数时报错;返回结果中没有total字段】
4. 相关代码片段:
【粘贴相关代码,如:Controller的query方法+Service的分页逻辑】
优化要求:
1. 调整代码实现预期效果,保持代码风格与原有一致
2. 加入参数默认值处理,避免空指针
3. 优化响应结果结构,新增total字段
4. 生成优化后的完整代码,并说明修改点
模板使用技巧
- 精准替换占位符:将模板中【】内的内容替换为具体业务信息,越详细生成结果越准确。
- 分层提示:复杂需求可分阶段提问,先让 AI 生成架构,再细化功能,避免一次性大提示。
- 强制验收标准:每类模板都附带验收标准,可根据团队要求补充(如:代码规范、注释要求)。