yejy53/Editable-Design

快速摘要

Editable‑Design 是一个 GitHub 仓库，提供 Codex Skills – 即 Codex AI 辅助平台的插件 – 使大型语言模型能够生成完全可编辑的视觉资产，例如海报、信息图、营销活动和研究论文图表。系统接受自然语言提示，运行一个持续运作的“编码代理”，该代理会规划、渲染并验证设计，然后输出：

结构化的 HTML/CSS，包含真实、可编辑的文本和独立的图像图层。
用于设备端微调的可视化编辑器。
记录逐步创作过程的 Agent Design Replay。
可选的 PowerPoint (PPTX) 转换。

该仓库包含三个独立的 Skills：

Skill	功能	主要输出
`editable-design`	海报、信息图、营销活动	HTML、PNG、可视化编辑器、图层分解、重放
`paper-fig`	将方法描述转换为可编辑的研究论文流程/架构图	可编辑的 PPTX
`html‑to‑pptx`	将现有的 HTML 设计转换为可编辑的 PowerPoint 文件	PPTX

README 提供了一页“快速入门”，展示如何通过 Codex 安装 Skill、输入设计提示（例如，“创建一本关于小熊猫的百科全书式实地指南”），并获得完全可编辑的成品。它还链接到 13 个示例设计的画廊、简短的视频概览，以及描述底层方法的研究论文（arXiv 2609.04034）。

重要性

可编辑输出 – 与许多仅生成图像的生成器不同，系统将文本、布局和图像保持为独立、可编辑的组件，使结果对现实世界的设计工作流程有用。
代理驱动创作 – 一个持续运作的 LLM 代理会规划、渲染和修复设计，并记录其动作以供重放，提供透明度和可重复性。
与 Codex 集成 – 通过将功能打包为 Codex Skill，项目利用了现有的 LLM 辅助生态系统，允许用户以自然语言命令调用设计功能。
多模式导出 – HTML 可以转换为 PowerPoint，研究论文图表可以直接生成为 PPTX，桥接设计和学术文档。

入门（来自 README）

安装 Skill – 使用 Codex 任务执行 README 中显示的命令，或手动以稀疏检出克隆仓库，并运行提供的 npm ci 和字体套件脚本。
运行 Codex 任务 – 描述您想要的视觉效果。代理将生成设计并返回可编辑的资产。
可选的 PPTX 转换 – 安装 html-to-pptx Skill，并要求 Codex 将生成的 HTML 转换为可编辑的 PowerPoint 文件。

项目状态

初始发布（2026‑09‑04） – 核心 Skills 功能正常且有文档说明。
论文与博客 – 研究论文（arXiv 2609.04034）和博客文章解释了方法论并展示了结果。
画廊 – 13 个精选示例展示了系统可以产生的视觉风格范围。

了解更多

论文：https://arxiv.org/abs/2609.04034
博客：https://yejy53.github.io/Editable-Design/en/blog/genclaw-next/
画廊与演示视频：https://yejy53.github.io/Editable-Design/player.html#overview

TL;DR

Editable‑Design 通过 Codex Skills 提供 LLM 驱动的、可编辑的视觉设计生成，将自然语言提示转换为分层的 HTML 或 PPTX 资产，设计师可以进一步编辑。