Editable Visual Design
可编辑视觉设计：编码 Agent 驱动的分层设计生成
🧭 Agent 驱动的可编辑视觉设计 ★ 深度解读
Tencent Hunyuan · Sun Yat-sen University · Tsinghua University · The Chinese University of Hong Kong · Shanghai Jiao Tong University
让 VLM 先调用图像模型做美学参考，再写原生 HTML/CSS 交付可分层编辑的设计
📌 工作参考价值（4 点）
- 广告/活动页创意生成：把“先出参考图再写 HTML/CSS”流程用于 banner/海报/商品主图。不要直接用扩散出 PNG，而是让图像模型只提供构图与色彩参考，由 Coding Agent 写原生 DOM，文案层、素材层、背景层分离，运营可拖拽改字换图，适配多渠道尺寸和文案合规修改。
- 素材资产层单独生成 + 绿幕/alpha 抠图，避免从参考图裁切导致的像素污染与图层纠缠；在电商商品图、活动背景、icon 等素材库可复用，提升素材可维护性。
- 渲染自修复闭环：将 headless 浏览器确定性检查（元素溢出、资源加载失败、DOM 畸形）与 VLM 截图审美评审结合，适合广告创意平台做自动质检和改稿，减少人工巡检；一轮/两轮局部 patch 即可收敛。
- Agent Design Replay / 过程可视化可作为创意平台的可追溯能力：记录 prompt→参考图→素材→代码→修改轨迹，让运营/设计师理解 AI 决策并介入，比黑盒出图更利于团队协作审核。