yejy53/Editable-Design

What it solves

传统的图像生成通常会产生扁平化图像，导致局部修改需要重新生成整个视觉效果。相反，直接编码可以提供结构，但往往缺乏一致的视觉修饰。Editable Visual Design 填补了这一差距，通过创建结合了高端视觉方向与可编辑、语义层设计的结构化设计产物。

How it works

该系统使用编码代理来管理从意图到实现到最终修复的整个设计过程。它遵循一个三部分的方法：

1. Coding-Agent-Driven Design: 一个持久的代理会规划布局，生成资产，实现 HTML，并根据观察结果进行迭代。
2. Visual Prior: 一个图像模型提供初始的艺术方向（布局、颜色、层级），但最终输出是使用干净的资产和 HTML 排版来重建， rather than shipping pixels from the image model.
3. Quality-Gated Artifacts: 输出物包含真实的文本、语义 HTML 层和可以被编辑、移动、导出的资产。

Who it’s for

需要高质量、具备艺术指导的视觉产物（如海报、信息图表、实地指南）且保持完全可编辑并可以导出到 PowerPoint 等格式的设计师和创作者。

Highlights

• Editable Outputs: 产出具有真实文本和独立资产的设计产物，而非扁平化图像。
• Agent Design Replay: 使创建路径可见且可追溯。
• Multi-format Export: Includes a tool to convert HTML designs into editable .pptx files.
• Deterministic Checks: 通过对画布、字体和图层契约的检查来确保质量。