一套提示词覆盖大部分 Vibe Coding 场景
提示词不是玄学，是有结构的沟通方式
为什么提示词很重要？
AI 不是读心术，它只能根据你给的上下文来理解和执行。你说的越清楚，它做的越准确。
好的提示词能让 AI 一次就理解你的意图，减少反复沟通的成本。
核心原则：说清楚要什么、不要什么、结果长什么样。
提示词的三段式结构
一个完整的提示词通常包含三个部分：
必备
目标（Goal）
你想让 AI 做什么？比如"帮我写一个登录页面"
重要
约束（Constraints）
有什么限制？比如"用 React"、"支持手机端"、"不要用第三方库"
加分
输出格式（Format）
结果要长什么样？比如"返回完整代码"、"每个文件单独列出"
Vibe Coding 常用提示词模板
以下是我在实际工作中总结的高频模板，覆盖大部分开发场景。
新建项目
从零创建
创建一个 [项目类型]，功能包括 [功能列表]，技术栈用 [技术]，输出完整的项目结构和代码
添加功能
功能开发
在现有项目中添加 [功能名称]，要求 [具体要求]，注意 [注意事项]，保持与现有代码风格一致
修复 Bug
问题排查
这段代码报错 [错误信息]，期望行为是 [正确行为]，请分析原因并给出修复方案
代码优化
重构改进
这段代码 [问题描述]，请优化 [优化方向]，保持功能不变，解释修改原因
提示词进阶技巧
提供上下文
告诉 AI 你在做什么项目、用了什么技术栈、代码风格偏好
分步骤
复杂任务拆成多个小步骤，一步步推进，不要一次说完
给示例
"像这样"比"那样"更有效，提供参考代码或期望的输出格式
迭代优化
第一次的结果不满意很正常，继续追问和调整，逐步收敛
角色扮演
"你是一个资深前端工程师"可以让 AI 进入特定角色状态
避免常见错误
❌ 太模糊
"帮我写个页面"
什么页面？什么功能？什么风格？AI 只能瞎猜
❌ 一次太多
"做一个完整的电商系统"
范围太大，AI 容易迷失，应该分模块逐步完成
❌ 没有验证
拿到代码直接用
AI 也会犯错，每次生成的代码都要测试验证
正确做法
先说清楚目标 → 给出约束条件 → 看结果 → 调整提示词 → 再试一次
实战案例对比
看看同一个需求，差的提示词和好的提示词有什么区别：
❌ 差的提示词
写一个表单
✅ 好的提示词
创建一个用户注册表单，包含邮箱、密码、确认密码三个字段，要求：1) 邮箱格式验证 2) 密码至少8位 3) 两次密码一致 4) 使用 Tailwind CSS 样式 5) 提交时显示 loading 状态
差别很明显：好的提示词把目标、约束、输出格式都讲清楚了。
建立你的提示词库
重复使用的提示词可以保存下来，下次直接复用或微调。
方法
记录有效的提示词
把每次效果好的提示词保存到笔记里
整理
按场景分类
新建项目、修 Bug、重构、测试等不同场景分开存放
迭代
持续优化模板
根据使用效果不断改进你的模板
本关任务打卡
用今天学到的技巧，改进你平时写提示词的方式。