An AI agent that builds React components step by step, with a live preview as it works.
Built over two weeks in February 2024, before tools like Lovable or Bolt existed. You give it a prompt describing a component, and it formulates a plan—visible in the UI—then executes each step, generating the code iteratively. As it works, there’s a live demo of the component you can interact with, and the code appears on the right side of the screen.
The agent uses GPT-4 with a multi-request validation step: it generates several candidate implementations and evaluates them to select the best one. This avoids the common problem of AI-generated code that works but is messy and hard to customize.
It has special handling for contenteditable elements, which are notoriously difficult to get right in React. The code it produces follows modular React patterns with TailwindCSS styling. It was reliable and produced surprisingly good results, though like most LLM projects in early 2024 it was slow and expensive to run.