The rendering layer for AI agents

Intent in
Interface out

Your agent emits intent. Catalystic renders a real, interactive screen, in your design system, safe by construction.

Works with any model, renders in your design system

Claude OpenAI shadcn/ui Shopify Polaris Material 3 IBM Carbon

One prompt, a real screen.

Describe what you need and Catalystic UI renders it as interactive UI, in your design system, from a schema your agent can trust.

Prompt in, UI out

Generate any screen from a single prompt, safely. Not quite right? Tweak it with another prompt; every UI stays flexible.

Your design system

One component tree, rendered in shadcn, Polaris, Material, or Carbon. Swap systems in a single click.

Interactive & recorded

Generated components are real controls. Every tap in the agent workflow is recorded and flows back to the agent.

Schema, not markup

Your agent emits a JSON component schema, never raw HTML. Only catalog components render; nothing executable.

How it works

From a sentence to a working screen.

Three steps, no markup, no glue code, your agent stays in JSON and Catalystic does the rendering.

01
Your agent emits intent
Instead of raw HTML, the model returns a compact JSON component tree, the only vocabulary it needs to know.
02
Catalystic validates & renders
Every node is checked against your catalog, then rendered as real, interactive components in your chosen design system.
03
Taps flow back to the agent
Buttons, inputs, and selections are captured and returned to your agent, so the conversation keeps moving, and edits are tiny JSON patches.
One tree, every system

The same screen, in your brand.

A single component tree re-renders across design systems. Switch the target and the whole UI follows, spacing, shape, and color included.

Confirm
shadcn/ui
Neutral, ink on white.
Confirm
Shopify Polaris
Green, tinted surfaces.
Confirm
Material 3
Tonal, pill buttons.
Confirm
IBM Carbon
Square, high-contrast.
Import a design system from Figma
Import from Figma

Bring your own design system.

Point Catalystic UI at your Figma file and it extracts your components, variants, and tokens into a catalog, then every generated screen renders in your brand, not a generic theme.

Fast to render. Safe by construction.

Generated UI is only useful if it's quick and can't be turned against you. Both are built into how Catalystic UI renders, from the first token to the last tap.

Fast by design

Screens stream in behind a skeleton and render in ~3 to 4s. Identical requests hit a cache, 0 tokens, no model call. Edits are tiny JSON patches, never a full re-generation.

Safe against prompt injection

The model returns a component tree, never executable code. Only components from a fixed catalog render, and text is inserted as text, an injected script simply can't fire.

Hardened end-to-end

Sessions are auth-gated, generation credits are metered server-side, API keys are hashed, and the bring-your-own-agent proxy is SSRF-guarded against internal addresses.

Questions, answered.

The short version of how Catalystic fits into an agent stack.

Does my agent need to output HTML?

No. Your agent emits a compact JSON component tree, never HTML, CSS, or JavaScript. Catalystic is the only thing that renders, so there's no executable surface for a prompt injection to reach.

Which design systems are supported?

shadcn/ui, Shopify Polaris, Material 3, and IBM Carbon out of the box. You can also point Catalystic at a Figma file and it extracts your own components, variants, and tokens into a catalog.

Which models can I use?

Any of them. The rendering layer is model-agnostic, Claude and GPT are wired up today, and you can bring your own agent endpoint through the proxy.

How are the generated screens interactive?

Rendered components are real controls, not screenshots. Every tap, input, and selection is captured and flows back to your agent, so a multi-step workflow keeps advancing.

Can I embed it in my own app?

Yes. A lightweight SDK renders component trees anywhere and runs the full loop against your agent endpoint, so the same screens ship inside your product.

Turn intent into interfaces.

Spin up an agent and watch it render real, on brand screens, in your design system, today.