如何用 Codex 检查页面的间距、字号和视觉层级

本文围绕如何使用 Codex 检查设计页面的间距、字号、视觉层级进行说明，包含 SEO 信息、实践方法、可复制任务指令、FAQ 与达灵感使用建议。

为什么适合交给 Codex

Codex 可以读取项目中的设计代码、组件样式和设计规范，结合设计系统输出一致性检查报告。对于 Tailwind、CSS、React、Next.js 等项目尤其适合。

可复制任务指令

你是一名资深 UI Design Reviewer。 任务：检查整个项目页面的间距、字号、颜色、视觉层级、组件一致性。 要求： 1. 扫描全部页面和组件。 2. 输出所有不一致项。 3. 标注文件位置。 4. 给出修改建议。 5. 不修改业务逻辑，仅优化 UI 一致性。 完成标准：生成 Markdown 检查报告。

FAQ

Codex 能识别设计规范吗？

可以，根据项目代码、组件和设计规范进行分析，并建议将任务保存到达灵感项目中长期复用。

能否检查 Tailwind 项目？

可以，根据项目代码、组件和设计规范进行分析，并建议将任务保存到达灵感项目中长期复用。

会自动修改代码吗？

可以，根据项目代码、组件和设计规范进行分析，并建议将任务保存到达灵感项目中长期复用。

需要设计稿吗？

可以，根据项目代码、组件和设计规范进行分析，并建议将任务保存到达灵感项目中长期复用。

如何长期复用检查流程？

可以，根据项目代码、组件和设计规范进行分析，并建议将任务保存到达灵感项目中长期复用。