ReDemon UI: Reactive Synthesis by Demonstration for Web UI
Jay Lee, Gyuhyeok Oh, Joongwon Ahn, Xiaokang Qiu

TL;DR
ReDemon UI allows non-experts to create React web interfaces by demonstrating behaviors on mockups, automatically generating reactive code with correct state logic using synthesis techniques.
Contribution
It introduces a novel demonstration-based approach for synthesizing React applications, combining enumerative synthesis and LLMs for different UI complexities.
Findings
Successfully synthesizes React code from user demonstrations
Supports integration with standard UI prototyping workflows
Uses enumeration and LLMs for different complexity levels
Abstract
ReDemon UI synthesizes React applications from user demonstrations, enabling designers and non-expert programmers to create UIs that integrate with standard UI prototyping workflows. Users provide a static mockup sketch with event handler holes and demonstrate desired runtime behaviors by interacting with the rendered mockup and editing the sketch. ReDemon UI identifies reactive data and synthesizes a React program with correct state update logic. We utilize enumerative synthesis for simple UIs and LLMs for more complex UIs.
Peer Reviews
No public reviews on file for this paper yet. If you reviewed it on a platform where reviews are public (OpenReview, ICLR, NeurIPS, ICML), you can paste yours below so the community can read it here.
Videos
No videos yet. Explain this paper in a talk, walkthrough, or lecture? Add one.
Taxonomy
TopicsMultimedia Communication and Technology
