Codex需绑定项目上下文并接收完整页面截图+精准指令才能精准响应：①截图须含地址栏、滚动条及全屏内容；②指令需声明角色、绑定证据、指定三项交付物；③未绑定项目则提示“无法看到图片”，须删除重开。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要用一张页面截图让Codex立刻理解当前界面状态、识别问题位置、并生成可执行的开发任务，而不是让它凭空猜测结构或反复追问细节。
确认截图已就绪且具备有效信息
截图必须是整页可视区域的完整捕获（非局部裁剪、非Figma画布、非缩放后截取），包含顶部导航、主体内容、底部元素及滚动条位置——【若截图只截了中间一屏且无滚动锚点，Codex无法判断页面是否懒加载或有隐藏区块】。使用 Framer 或现代 SPA 框架时，优先调用 agent-skills/codex/stitched-full-page-capture/SKILL.md 产出可信整页图，避免因 JS 渲染延迟导致截图空白。
检查截图右下角是否有浏览器地址栏或 DevTools 打开痕迹：有则保留，它能提供 host、路由、环境标识；无则需手动补一句“当前 URL 是 https://app.example.com/dashboard?tab=analytics”。
在 Codex 中发起带图任务的两种路径
方法一：手机端直传（推荐用于现场排查）
打开 Codex App → 点击输入框右侧「图片图标」→ 从相册选取截图 → 输入指令：“检查这张截图中的页面布局问题。底部按钮在窄屏设备上被遮挡，请先定位原因，并说明可能涉及的样式文件。”
方法二：桌面端粘贴（适合已有本地截图）
确保截图 PNG 文件已保存至本地（如 D:\copy\screenshot-20261015.png）→ 在 Codex 输入框中直接 Ctrl+V 粘贴 → 系统自动上传并识别为图像上下文 → 紧接着输入文字指令，不可换行或等待。
写出能驱动 Codex 精准响应的任务提示
第一步：声明角色与约束
你是一名资深前端工程师，熟悉 Tailwind CSS 与 React 18，当前项目使用 Vite 构建，禁止修改公共组件库代码。
通过本地 Codex 或 OpenClaw OAuth 凭证直接调用 ChatGPT/Codex Responses 的 image_generation 工具来生成或编辑光栅图像，然后保存
第二步：绑定证据与范围
我提供的截图来自生产环境 Chrome 98 浏览器，设备宽度为 375px，页面路径为 /checkout/review。请仅分析该截图呈现的 DOM 结构与样式表现，不推测未显示区域。
第三步：指定交付物
输出三项内容：① 导致按钮被遮挡的 CSS 规则（含文件路径与行号）；② 一行修复建议（如 “在 checkout-review.css 第42行添加 overflow-y: visible”）；③ 可立即执行的 Codex 任务指令（格式为 “修改 checkout-review.css，在第42行插入……”）。
这一步漏掉任何一项，Codex 就可能跳过文件定位，直接给你一段泛泛而谈的 Flex 布局解释。
验证任务是否进入可执行状态
查看左侧边栏「项目」图标下目标项目名称旁是否有蓝色圆点——没有则任务仍在通用模式，所有输出都不读取本地文件。
点击输入框左侧「+」号 → 选择「新建任务」→ 必须从顶部下拉菜单中手动选定项目名称 → 创建后，再将截图+指令一次性发入该对话窗口。
如果截图已发但 Codex 回复中出现 “我无法看到图片” 或 “请提供 HTML 结构”，说明当前对话未绑定项目上下文，【必须删除当前对话，重新走一遍带项目选择的新建流程】。
