Recipes

Real-world A2UI composition patterns — how AI agents build complete interfaces from standard catalog components.

Recipes

Pre-composed A2UI patterns that demonstrate how AI Agents build real-world interfaces from standard catalog components.

Each recipe shows the JSONL payload an AI agent would stream, the live rendering, and the design rationale behind the composition. Use these as templates when teaching your own agents to generate A2UI.

Available Recipes

Booking Receipt

A modal dialog showing a complete booking confirmation — composed from Card, Column, Row, Text, Heading, Divider, and Button.

Establishment Detail

A slideover panel revealing full venue information — demonstrates the new Slideover component with nested layout composition.

Booking History

A data table with status badges, sorting, and formatted columns — introduces the new Table component for structured data display.

Table

Structured tabular data display with typed columns, alignment, and automatic TanStack Table integration.

Booking Receipt

A modal booking confirmation composed from standard A2UI catalog components — the kind of interface Agent generates after a customer completes a booking.