Reproduce “ReDemon UI: Reactive Synthesis by Demonstration for Web UI” on OpenResearch
Turn your favorite coding agents into research agents that review literature, develop hypotheses, and run experiments.
Universal app for Apple silicon and Intel. Requires macOS 11 or later.
About this paper
Jay Lee, Gyuhyeok Oh, Joongwon Ahn, Xiaokang Qiu
ReDemon UI, developed by researchers from Seoul National University and Purdue University, synthesizes interactive React web UIs directly from user demonstrations and a JSX sketch. The system combines algorithmic reactive parameter extraction with a hybrid enumerative and LLM-based synthesis strategy, yielding functional stateful components and addressing limitations of purely prompt-based UI generation.
Key insights
- Programming by Demonstration (PBD) can be effectively adapted to synthesize complex reactive web UIs, offering a more precise and intuitive way to express user intent than abstract natural language prompts.
- A hybrid synthesis strategy, combining algorithmic enumeration with LLMs, can reliably generate stateful React components, with LLMs capable of inferring necessary "latent states" from demonstrations.
- Structured user interaction with sketch-based input and concrete demonstrations effectively mitigates common limitations of purely LLM-based code generation, such as ambiguity and hallucinations, leading to more reliable outputs.
Summary by alphaXiv.
Tip: change arxiv.org to autoarxiv.org in any arXiv abstract link to open the paper here.