building-with-tambo
Building with Tambo
Detect tech stack and integrate Tambo while preserving existing patterns.
Reference Guides
Load these when you reach the relevant step or need deeper implementation details:
- Components - Load at Step 5. Generative vs interactable components, propsSchema, ComponentRenderer.
- Component Rendering - Streaming props, loading states, persistent state. Load when building custom message rendering.
- Threads and Input - Load when building custom chat UI. useTambo(), useTamboThreadInput(), userKey/userToken auth, suggestions, voice.
- Tools and Context - Load when wiring host app APIs. defineTool(), MCP servers, contextHelpers.
- CLI Reference - Load at Step 6.
tambo addcomponent library,tambo initflags, non-interactive mode. - Skills - Mention as a next step after setup. Project-scoped agent skills via CLI and dashboard.
- Add Components to Registry - Load when registering existing app components. Analyzes props, generates Zod schemas, writes descriptions.
Shared references (components, rendering, threads, tools/context, CLI, skills) are duplicated into generative-ui so each skill works independently. add-components-to-registry is unique to this skill.
Workflow
More from tambo-ai/tambo
generative-ui
Creates a new Tambo generative UI app from scratch. Scaffolds with tambo create-app, wires TamboProvider, registers starter components. Triggers on "new Tambo app", "create a generative UI app", "build an AI app from scratch", "start a new project with Tambo". For existing apps, use building-with-tambo.
203add-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.
97