Open source · MCP-native

Your UI kit,
ready to answer.

Describe the component in your coding agent. Genie generates proposed files from your UI kit, then waits for you to approve the plan before writing and previewing them.

Install genie See the workflow

See how it works

One prompt, one guarded path

Stay in your coding agent.
Keep control of every write.

Genie works where the conversation already happens. Generation stays separate from persistence, so a proposal becomes code only after you approve its plan.

01 / Describe
Ask for the component
conjure and refine generate proposed files from the UI kit you choose.
02 / Apply
Approve the write
Review the bounded plan, then pass its ID to write_files.
03 / Preview
Inspect the real result
Review the persisted component through ui://genie/grid or the local viewer.

Use genieUser guide Build genieDeveloper guide Inspect the sourceGitHub

Your UI kit,ready to answer.

Stay in your coding agent.Keep control of every write.

Ask for the component

Approve the write

Inspect the real result

Your UI kit,
ready to answer.

Stay in your coding agent.
Keep control of every write.