复用的Vibe Coding 提示词模板(含原型 / MVP、CRUD、UI 组件、调试反馈 4 类场景)

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. 生成优化后的完整代码,并说明修改点

模板使用技巧

  1. 精准替换占位符:将模板中【】内的内容替换为具体业务信息,越详细生成结果越准确。
  2. 分层提示:复杂需求可分阶段提问,先让 AI 生成架构,再细化功能,避免一次性大提示。
  3. 强制验收标准:每类模板都附带验收标准,可根据团队要求补充(如:代码规范、注释要求)。
相关推荐
板面华仔9 分钟前
机器学习入门(三)——决策树(Decision Tree)
人工智能·决策树·机器学习
GAOJ_K22 分钟前
滚珠花键的无预压、间隙调整与过盈配合“场景适配型”
人工智能·科技·机器人·自动化·制造
ai_xiaogui27 分钟前
【开源探索】Panelai:重新定义AI服务器管理面板,助力团队私有化算力部署与模型运维
人工智能·开源·私有化部署·docker容器化·panelai·ai服务器管理面板·comfyui集群管理
源于花海32 分钟前
迁移学习的前沿知识(AI与人类经验结合、传递式、终身、在线、强化、可解释性等)
人工智能·机器学习·迁移学习·迁移学习前沿
king of code porter1 小时前
百宝箱企业版搭建智能体应用-平台概述
人工智能·大模型·智能体
愚公搬代码1 小时前
【愚公系列】《AI短视频创作一本通》004-AI短视频的准备工作(创作AI短视频的基本流程)
人工智能·音视频
物联网软硬件开发-轨物科技1 小时前
【轨物洞见】告别“被动维修”!预测性运维如何重塑老旧电站的资产价值?
运维·人工智能
电商API_180079052471 小时前
第三方淘宝商品详情 API 全维度调用指南:从技术对接到生产落地
java·大数据·前端·数据库·人工智能·网络爬虫
梁辰兴1 小时前
百亿美元赌注变数,AI军备竞赛迎来转折点?
人工智能·ai·大模型·openai·英伟达·梁辰兴·ai军备竞赛
PaperRed ai写作降重助手1 小时前
智能写作ai论文生成软件推荐
人工智能·aigc·ai写作·智能降重·paperred