components

Register and manage Tambo components for AI-driven web UIs.

7|1|Updated Feb 5, 2026
One-click install
npx skills add https://github.com/wafflebytes/DealDesk-Tambo --skill components-wafflebytes
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: components
Source: https://github.com/wafflebytes/DealDesk-Tambo/tree/main/.agents/skills/components
Command: npx skills add https://github.com/wafflebytes/DealDesk-Tambo --skill components-wafflebytes

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Allows teams to register and manage Tambo components—both generative (AI creates on-demand) and interactable (pre-placed, AI updates)—to enable dynamic, AI-driven UIs.

Core Features & Use Cases

  • Generative components: AI creates on demand to render UI blocks based on user intent.
  • Interactable components: Pre-placed UI elements AI can observe and update via natural language.
  • Props and registration: Defines component schemas and ensures proper registration with TamboProvider for consistent rendering and updates.

Quick Start

Define your components with TamboProvider to enable generative and interactable components in your UI.

Frequently Asked Questions about components

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I register generative UI components for AI-driven rendering?

To register generative UI components, define your component schemas using propsSchema and register them with TamboProvider. This enables the AI to create and render UI blocks dynamically on demand based on user intent.

What is the difference between generative and interactable components in dynamic UIs?

Generative components are created on demand by AI to render new UI blocks, while interactable components are pre-placed UI elements that AI can observe and update via natural language commands.

How do I make a pre-placed component interactable for AI updates?

To make a pre-placed component interactable, apply the withInteractable wrapper and define its propsSchema. Registering it through TamboComponent allows AI to observe and update the element via natural language.

Can I use TamboProvider to manage both generative and interactable components in the same web app?

Yes, TamboProvider manages both generative and interactable components simultaneously. It coordinates component registration, optional assets, references, and scripts to ensure consistent AI-driven rendering and updates.

Do I need propsSchema to define Tambo components?

Yes, propsSchema is required to define component schemas for Tambo. It enforces modular component registration and ensures proper rendering and updates when interacting with the AI.

What are the limitations when registering AI-ready GenUI components?

Registration requires strict modular enforcement through TamboComponent, withInteractable, and propsSchema. Components must be registered with TamboProvider to ensure consistent rendering and updates across the web app.