generative-ui
Generative UI
Build generative UI apps with Tambo — create rich, interactive React components from natural language.
Reference Guides
Load these when you need deeper implementation details beyond the bootstrap flow:
- Components - Load when creating custom components. Generative vs interactable, propsSchema, ComponentRenderer.
- Component Rendering - Streaming props, loading states, persistent state. Load when customizing rendering.
- Threads and Input - Load when building custom chat UI. useTambo(), useTamboThreadInput(), userKey/userToken auth, suggestions, voice.
- Tools and Context - Load when adding tools or MCP. defineTool(), MCP servers, contextHelpers.
- CLI Reference - Load for
tambo addcomponents. Component library, non-interactive flags, exit codes. - Skills - Mention as a next step after setup. Project-scoped agent skills via CLI and dashboard.
These shared references are duplicated from building-with-tambo so each skill works independently.
One-Prompt Flow
More from tambo-ai/tambo
add-components-to-registry
Registers existing React components with Tambo so AI can render them. Use when user wants to make their existing components available to AI, register components for generative UI, convert React components to Tambo components, or mentions /add-components-to-registry. For creating NEW components, see the components skill. For project setup, use add-to-existing-project or start-from-scratch skills.
106threads
Manages Tambo threads, messages, suggestions, voice input, and image attachments. Use when working with conversations, sending messages, implementing AI suggestions, adding voice input, managing multi-thread UIs, or handling image attachments with useTambo, useTamboThreadInput, useTamboSuggestions, or useTamboVoice.
103components
Creates and registers Tambo components - generative (AI creates on-demand) and interactable (pre-placed, AI updates). Use when defining components, working with TamboComponent, withTamboInteractable, propsSchema, or registering components for AI to render or update.
100component-rendering
Handles Tambo component streaming, loading states, and persistent state. Use when implementing streaming UI feedback, tracking prop streaming status, managing partial props, or persisting component state across sessions with useTamboStreamStatus or useTamboComponentState.
98tools-and-context
Provides Tambo with data and capabilities via custom tools, MCP servers, context helpers, and resources. Use when registering tools Tambo can call, connecting MCP servers, adding context to messages, implementing @mentions, or providing additional data sources with defineTool, mcpServers, contextHelpers, or useTamboContextAttachment.
97add-to-existing-project
Integrates Tambo into EXISTING React projects by detecting the tech stack and adapting installation. Use when adding Tambo to an existing app, integrating with current frameworks, or when the user has an existing codebase they want to add AI/generative UI to. For starting a NEW project from scratch, use start-from-scratch skill instead. For registering existing components, use add-components-to-registry skill.
95