AI 工具指南

Codex Edit Existing UI

给 AI 工具新手看的 Codex 修改现有网页 UI 流程:先确认目标和设计边界,再截图留证、限定文件范围、检查响应式状态、跑验证命令,避免覆盖客户已有设计。

What is the problem?

给 AI 工具新手看的 Codex 修改现有网页 UI 流程:先确认目标和设计边界,再截图留证、限定文件范围、检查响应式状态、跑验证命令,避免覆盖客户已有设计。

Quick solution

Treat this as a Codex tutorial issue. First confirm the environment, inputs, permissions, logs, and delivery boundary. Then use the linked deep guide for the full checklist before changing production code or promising a result.

Read the deep guide

Detailed steps

  1. 保存修改前截图,至少包含桌面和移动端。
  2. 复述客户目标:改哪个页面、哪个组件、希望变成什么状态。
  3. 确认不改范围:哪些页面、组件、文案、颜色、交互不能动。
  4. 查看项目结构和样式来源,判断是 Tailwind、CSS module、全局 CSS、组件库还是设计系统。
  5. 让 Codex 只处理目标文件,不做无关重构。
  6. 修改后查看 `git diff`,确认没有改动无关组件和配置。

Commands or code

请只修改这个 UI 问题,不要重构无关组件。
目标:
当前问题:
允许修改文件:
不能改变:
需要验证的视口:

请输出:
1. 最小修改方案
2. 可能影响的组件
3. 修改后需要检查的页面
4. 回滚建议

Risk notes

Confirm the real project environment, account permissions, platform rules, and output quality before delivery. Do not ship AI-generated changes without human review, and do not claim indexing, income, deployment success, or ranking improvements without measured evidence.