Use structured markup
An XML/JSX-style language gives the agent a compact authoring surface that can be parsed, validated, and translated into product page models.
01 / PRODUCT ENGINEERING
From an idea to an editable page
I designed and built an agent that turns natural-language requests into web pages, together with the live-rendering experience around it.
The problem
Generating a page is only part of the problem. A useful authoring tool also needs to show progress, support precise changes, and produce output that fits the product’s existing page model.
What I owned
I owned the page-building agent and live renderer end to end. The work included the authoring language, parsing and validation pipeline, agent tools, and browser-based preview. Rendering integrates with the product’s existing engine.
Engineering decisions
Show the page as it takes shape
The preview handles partial streamed markup, so the user can see a page develop while generation is still in progress.
Make revision part of authoring
Targeted edits and screenshot feedback let the agent inspect and refine the result instead of starting over for every change.
The result
Adopted in the product for creating customer portal pages and application pages. I also proposed the live-rendering approach as a reusable dynamic UI capability and introduced it into a conversational data agent.