用 Markdown 设计规范指导 Codex CLI 搭建个人网站
先让 Codex CLI 读一份项目内的设计规范，再生成界面，由作者迭代并定稿。任务：作者从 Anthropic 的 Claude 插件中提取了前端设计提示词，并将其保存为项目内的 Markdown 文件。他指示 Codex CLI 在生成 UI 代码前先读取该文件作为设计规范。初版生成后，作者审查了输出结果，并通过多轮迭代调整以符合其设计愿景。；工具：Codex。人工角色：原始帖子没有说明人如何参与。；局限：这是来自单个个人网站项目的自述案例，其可扩展性和团队采用情况未经验证。该工作流依赖于从外部仓库手动提取提示词，这可能涉及许可或维护问题。设计质量结果很大程度上取决于作者个人的审美和审查流程。。
工具
Agent Work Atlas 发布日期:
概述
先让 Codex CLI 读一份项目内的设计规范，再生成界面，由作者迭代并定稿。
工作流程
作者从 Anthropic 的 Claude 插件中提取了前端设计提示词，并将其保存为项目内的 Markdown 文件。他指示 Codex CLI 在生成 UI 代码前先读取该文件作为设计规范。初版生成后，作者审查了输出结果，并通过多轮迭代调整以符合其设计愿景。
原文报告的结果
作者对最终上线的设计表示满意，指出其符合简洁排版和留白的标准。他观察到，在确立规范后，Codex 对后续迭代的处理迅速且准确。源文中未提供工时节省或错误率等量化指标。
人工角色
原始帖子没有说明人如何参与。
局限
这是来自单个个人网站项目的自述案例，其可扩展性和团队采用情况未经验证。该工作流依赖于从外部仓库手动提取提示词，这可能涉及许可或维护问题。设计质量结果很大程度上取决于作者个人的审美和审查流程。
试一试
我想在一个新的低风险页面（如“关于”部分）中复现此设计工作流。首先，从 Anthropic 公共插件等可靠来源找到高质量的前端设计提示词，并将其保存为项目根目录下的 `design-spec.md`。接下来，指示 Codex CLI 读取 `design-spec.md`，并在编写任何代码前确认其理解排版、间距和布局约束。要求 Codex 基于此规范生成初始 HTML/CSS。生成后，我将对照规范审查输出。如果存在偏差，我将提供具体反馈进行迭代。请先向我展示 `design-spec.md` 的内容和第一版代码草稿，待我批准后再进行后续迭代。
来源报告未经独立核验。发布日期为本站案例发布日期，并非原始文章日期。