yejy53/Editable-Design

What it solves

傳統的圖像生成通常會產生扁平化的圖像，導致局部修改需要重新生成整個視覺效果。相反，直接編碼可以提供結構，但往往缺乏一致的視覺修飾。Editable Visual Design 填補了這一差距，通過創建結合了高端視覺方向與可編輯、語義層的結構化設計產物物。

How it works

該系統使用編碼代理來管理從意圖到最終修復的整個設計過程。它遵循一個三部分的方法：

1. Coding-Agent-Driven Design: 一個持久的代理會規劃佈局，生成資產，實現 HTML，並根據觀察結果進行迭代。
2. Visual Prior: 一個圖像模型提供初始的藝術方向（佈局、顏色、層級），但最終輸出是使用乾淨的資產和 HTML 排版來重建，而不是直接使用圖像模型產生的像素。
3. Quality-Gated Artifacts: 輸出物包含真實的文本、語義 HTML 層和可以被編輯、移動和導出的資產。

Who it’s for

需要高品質、具備藝術指導的視覺產物（例如海報、資訊圖表和實地指南）且保持完全可編輯並可以導出到 PowerPoint 等格式的設計師和創作者。

Highlights

• Editable Outputs: 產出具有真實文本和獨立資產的產物，而非扁平化圖像。
• Agent Design Replay: 使創建路徑可見且可追蹤。
• Multi-format Export: 包含一個將 HTML 設計轉換為可編輯 .pptx 文件的工具。
• Deterministic Checks: 通過對畫布、字體和圖層層級契約的檢查來確保品質。