AesCode: Aesthetic Code Generation with Decoupled Cross-Modal Rewards

Hugging Face Daily Papers Papers
code-generation reinforcement-learning cross-modal-rewards aesthetic-design vlm-judge benchmark

Summary

AesCode introduces a framework that generates visual artifacts (slides, posters, dashboards) as code by combining content-grounded code generation with aesthetic guidance from reference images, using decoupled cross-modal rewards optimized via RL. AesCode-8B and AesCode-32B improve visual quality by 31.1 and 22.4 percentage points over Qwen3-VL baselines, reaching parity with frontier closed-source models.

Generating information-rich visual artifacts such as slides, posters, and dashboards as code is appealing because the outputs are structured, editable, and verifiable. Yet code models cannot see how their choices of layout and color come together on the canvas, often limiting spatial planning and aesthetic quality. Image generators excel at visual design but can misrender requested content, making their outputs unreliable targets for direct reproduction. We therefore introduce AesCode, which generates code grounded in the content prompt while using an image generated from the same prompt as an aesthetic guidance. To do so, AesCode represents the target as a design graph that describes the whole canvas and makes each property attributable. From this graph, we derive complementary cross-modal rewards: deterministic verifiers score properties parsable from code and rendering, while a VLM judge assesses the non-parsable ones with a sample-specific Visual Graph Rubric (VGR) tied to graph elements and relations. We optimize these decoupled rewards through reinforcement learning with per-channel normalization to jointly improve spatial planning, aesthetic quality, and verifiable correctness. To evaluate this setting, we build a benchmark that scores verifiable correctness and visual quality separately, with visual scores highly consistent with human judgments. We find that reference images substantially improve the visual quality of code generated by existing models, and ablations show that AesCode benefits from references both as model input and as a source of visual rewards. Relative to same-scale Qwen3-VL baselines given the same references, AesCode-8B and AesCode-32B improve visual quality by 31.1 and 22.4 percentage points, reaching scores comparable to those of closed-source frontier models such as GPT-5.5 and Claude Opus 4.8.
Original Article
View Cached Full Text

Cached at: 10/14/26, 06:51 AM

Paper page - AesCode: Aesthetic Code Generation with Decoupled Cross-Modal Rewards

Source: https://huggingface.co/papers/2610.18860 Authors:

,

,

,

,

,

,

,

,

,

,

,

,

,

,

Abstract

Generatinginformation-richvisualartifactssuchasslides,posters,anddashboardsascodeisappealingbecausetheoutputsarestructured,editable,andverifiable.Yetcodemodelscannotseehowtheirchoicesoflayoutandcolorcometogetheronthecanvas,oftenlimitingspatialplanningandaestheticquality.Imagegeneratorsexcelatvisualdesignbutcanmisrenderrequestedcontent,makingtheiroutputsunreliabletargetsfordirectreproduction.WethereforeintroduceAesCode,whichgeneratescodegroundedinthecontentpromptwhileusinganimagegeneratedfromthesamepromptasanaestheticguidance.Todoso,AesCoderepresentsthetargetasadesigngraphthatdescribesthewholecanvasandmakeseachpropertyattributable.Fromthisgraph,wederivecomplementarycross-modalrewards:deterministicverifiersscorepropertiesparsablefromcodeandrendering,whileaVLMjudgeassessesthenon-parsableoneswithasample-specificVisualGraphRubric(VGR)tiedtographelementsandrelations.Weoptimizethesedecoupledrewardsthroughreinforcementlearningwithper-channelnormalizationtojointlyimprovespatialplanning,aestheticquality,andverifiablecorrectness.Toevaluatethissetting,webuildabenchmarkthatscoresverifiablecorrectnessandvisualqualityseparately,withvisualscoreshighlyconsistentwithhumanjudgments.Wefindthatreferenceimagessubstantiallyimprovethevisualqualityofcodegeneratedbyexistingmodels,andablationsshowthatAesCodebenefitsfromreferencesbothasmodelinputandasasourceofvisualrewards.Relativetosame-scaleQwen3-VLbaselinesgiventhesamereferences,AesCode-8BandAesCode-32Bimprovevisualqualityby31.1and22.4percentagepoints,reachingscorescomparabletothoseofclosed-sourcefrontiermodelssuchasGPT-5.5andClaudeOpus4.8.

View arXiv pageView PDFProject pageGitHub42Add to collection

Get this paper in your agent:

hf papers read 2610\.18860

Don’t have the latest CLI?curl \-LsSf https://hf\.co/cli/install\.sh \| bash

Models citing this paper0

No model linking this paper

Cite arxiv.org/abs/2610.18860 in a model README.md to link it from this page.

Datasets citing this paper0

No dataset linking this paper

Cite arxiv.org/abs/2610.18860 in a dataset README.md to link it from this page.

Spaces citing this paper0

No Space linking this paper

Cite arxiv.org/abs/2610.18860 in a Space README.md to link it from this page.

Collections including this paper0

No Collection including this paper

Add this paper to acollectionto link it from this page.

Similar Articles

Beyond NL2Code: A Structured Survey of Multimodal Code Intelligence

Hugging Face Daily Papers

This survey paper systematically reviews multimodal code intelligence systems that generate and reason with code from visual inputs like screenshots and charts, categorizing approaches across GUI, scientific visualization, structured graphics, and emerging frameworks while proposing verification-centered future research directions.

microsoft/AesCode 8B and 32B

Reddit r/LocalLLaMA

微软发布 AesCode-8B 与 AesCode-32B 模型，可依据图像美学参考生成信息丰富的可视化产物（如幻灯片、海报、仪表盘）为结构化 HTML/CSS 代码，通过图结构监督与解耦的跨模态奖励解决视觉布局与内容准确性的权衡。

The Next Frontier of Visual AI Is Code (11 minute read)

TLDR AI

The article argues that the next frontier of visual AI is generating code (e.g., SVG, HTML/CSS, React components) instead of raw pixels, enabling editability, iteration, and integration into professional design and development workflows.