本文目标掌握与 Codex CLI 高效沟通的核心技巧让AI精准执行你的每一个需求。 为什么提示词这么重要看两个真实场景场景一新手的提示词帮我改一下页面→ AI 不知道改哪个页面、改什么、改成什么样 → 结果不满意 → 反复沟通场景二高手的提示词在 src/pages/Home.vue 中 1. 导航栏背景色从白色改成渐变色#667eea → #764ba2 2. 文字颜色改为白色 3. 添加 box-shadow: 0 2px 10px rgba(0,0,0,0.1) 4. position 改为 stickytop: 0→ AI 一次搞定 → 完美差距在哪不是AI不行是你没说清楚。 五大黄金法则法则一说清楚做什么❌ 模糊说法✅ 精准说法帮我改一下这个页面在 src/pages/Home.vue 中把标题字号从 24px 改为 48px做一个登录功能创建登录页面组件包含用户名、密码、记住我和提交按钮优化一下代码把 src/utils/data.js 中的 for 循环改为 Array.map加个按钮在导航栏右侧添加一个深蓝色圆角按钮文字为联系我核心原则如果你自己都说不清楚要什么AI怎么可能做对法则二给上下文AI 不了解你的项目你得告诉它这是一个 Vue3 Vite TypeScript 的后台管理系统 使用 Element Plus 组件库和 Pinia 状态管理。 现在请帮我在用户列表页面src/pages/UserList.vue添加分页功能 使用 Element Plus 的 el-pagination 组件。 接口是 GET /api/users?page1size10需要提供的上下文清单信息类型示例技术栈Vue3 TypeScript Vite组件库Element Plus状态管理Pinia文件路径src/pages/UserList.vueAPI 接口GET /api/users?page1size10期望效果底部显示分页器切换页码刷新数据法则三分步骤给任务一次给太多 翻车概率大增❌ 错误做法帮我做一个完整的用户管理模块包含列表、新增、编辑、删除、搜索、 分页、导出、权限控制、操作日志...✅ 正确做法我要做一个用户管理模块请分步完成 第一步先创建用户列表页面表格 分页 → 完成后我确认 第二步添加新增用户的弹窗表单 → 完成后我确认 第三步添加编辑和删除功能 → 完成后我确认 第四步添加搜索和筛选法则四善用内置命令Codex CLI 有一系列内置命令可以提升效率命令功能使用场景/model gpt-4o-mini切换到便宜模型简单任务省钱/model o3切换到强模型复杂推理任务/goal 描述设定持久化目标大型自主任务/permissions查看/修改权限调整安全模式/help查看所有命令忘了命令时查/clear清空对话历史重新开始实用技巧简单任务用 mini 模型复杂任务再切回来省钱又高效# 格式化代码、改变量名等简单任务 /model gpt-4o-mini 帮我把所有 var 改成 const # 复杂逻辑设计 /model o3 帮我设计一个支持并发控制的任务队列法则五学会纠正和追问AI 不可能一次就完美学会高效纠正# 纠正方向 不对我要的是深色主题不是浅色主题。 深色背景用 #1a1a2e文字用 #e0e0e0。 # 追加需求 很好保持现有效果再帮我加一个暗黑/亮色模式切换按钮 # 要求解释 这段代码为什么用了 useMemo 能解释一下这个设计模式的好处吗 # 部分修改 其他都满意只是按钮的圆角太大了从 20px 改成 8px # 回退 刚才的修改不好帮我撤销最后一次文件变更 AGENTS.md —— 项目说明书在项目根目录创建AGENTS.md让 Codex长期了解你的项目# 项目说明 ## 项目简介 这是一个企业级后台管理系统用于管理用户、订单和商品。 ## 技术栈 - 前端Vue 3.4 TypeScript 5.x Vite 5.x - 组件库Element Plus 2.x - 状态管理Pinia 2.x - HTTP 客户端Axios 1.x - 路由Vue Router 4.x - 样式SCSS CSS Variables ## 代码规范 - 使用 Composition API script setup 语法 - 变量和函数命名camelCase - 组件命名PascalCase - 常量命名UPPER_SNAKE_CASE - 文件命名kebab-case - 注释使用中文 ## 目录结构 - src/pages/ — 页面级组件 - src/components/ — 通用组件 - src/composables/ — 组合式函数 - src/api/ — API 接口定义 - src/stores/ — Pinia 状态仓库 - src/types/ — TypeScript 类型定义 - src/utils/ — 工具函数 - src/styles/ — 全局样式 ## API 规范 - 基础路径/api/v1 - 认证方式Bearer Token - 响应格式{ code: number, message: string, data: any } ## Git 规范 - 提交信息使用 Conventional Commits - 中文描述有了 AGENTS.md你就不用每次都重复告诉AI项目信息了 实用提示词模板库模板一新功能开发在 {文件路径} 中添加 {功能描述}。 技术要求 - 使用 {技术栈/组件库} - 数据从 {API接口} 获取 样式要求 - {颜色/布局/动效描述} 验证 - 完成后运行 npm run dev 确认无报错模板二Bug修复{文件路径} 有一个 Bug 现象{描述问题现象} 期望{描述正确行为} 报错{粘贴错误信息} 请分析原因并修复。模板三代码审查请审查 src/ 目录下最近修改的代码 1. 检查潜在的 Bug 和类型错误 2. 找出性能问题不必要的渲染、内存泄漏 3. 检查安全隐患XSS、硬编码密钥 4. 给出优化建议并修复模板四页面设计帮我设计 {页面名称} 页面 布局{描述页面布局} 配色{描述颜色方案} 组件{列出需要的组件} 交互{描述交互效果} 响应式{描述移动端适配}⚠️ 新手常见踩坑踩坑后果正确做法一次给太多需求做出来四不像拆成小步骤逐步完成不给上下文AI用错技术栈先说技术栈和项目结构只说改一下改的不是你想要的说清楚改成什么样不看 diff引入隐藏Bug每次修改都审查 diff不写 AGENTS.md每次都要重复交代项目开始就写好不 commit 就让AI改改坏了回不去每次大改前先提交✅ 本文总结五大法则法则核心说清楚具体到文件路径、颜色值、字号给上下文技术栈、项目结构、API接口分步骤一步一确认逐步迭代用命令/model 省钱、/goal 自主会纠正不满意就说AI不会生气 下一篇预告Codex入门04 — 实战建站零基础用AI从零搭一个完整的个人网站