Generative UI for Agents
Get an interface shaped around what you’re trying to do. Mark up a plan, drill into a dashboard, review sketches, anything from dozens of widgets, and infinitely extensible.
Ask the agent to edit this page.
Select any sentence, describe the change you want, and send the comment. A small demo agent will revise your private copy here.
Pages for real work.
-
Review a plan
Inspect the planned changes, compare drafts, and settle the last
decision.
-
Follow a release
Keep the current state beside the evidence and next action.
-
Review code
Move from the explanation into the exact change.
When a task needs a new widget, your agent can build it and reuse it in later pages. Explore the full gallery or see how to extend Leaf.
Bring Leaf to your agent.
Claude Code
/plugin marketplace add max-sixty/leaf#prepared
/plugin install leaf@leafCodex
codex plugin marketplace add max-sixty/leaf --ref prepared
codex plugin add leaf@leafThe browser runtime is ready to use; neither Leaf nor custom packages need a browser build or an npm command. Then ask your agent: “Use Leaf to write a plan for these changes” or “Use Leaf to make a dashboard showing the release steps.”