AI 工具指南

Codex Edit Existing UI Mistakes

整理 AI 工具新手用 Codex 修改现有网页 UI 时常见错误:没留截图、改动范围过大、忽略响应式、破坏设计系统、没写交付记录,以及补救顺序。

What is the problem?

整理 AI 工具新手用 Codex 修改现有网页 UI 时常见错误:没留截图、改动范围过大、忽略响应式、破坏设计系统、没写交付记录,以及补救顺序。

Quick solution

Treat this as a Codex troubleshooting 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. 查看 `git diff`,列出所有 UI 相关改动。
  3. 对照修改前截图,确认目标问题是否真的改善。
  4. 删除无关重构和风格漂移的改动。
  5. 保留最小修复,再跑页面和构建验证。
  6. 在移动端和桌面端重新截图。

Commands or code

目标 UI 问题:
错误发生在哪里:
无关改动:
保留改动:
验证视口:
截图:
未覆盖状态:
下次新增检查项:

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.