skills.rest
victor-teles
victor-telesCOMMUNITY
Explore all skills by this author →
Website𝕏@engineerdesoftGitHub

components

Register generative and interactable UI components for AI-driven React rendering.

1|Updated Feb 11, 2026
Search Tags:#ui#react#ai#generate#registration#tambo#interactable
One-click install
npx skills add https://github.com/victor-teles/oh-my-query --skill components-victor-teles
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: components
Source: https://github.com/victor-teles/oh-my-query/tree/main/.agents/skills/components
Command: npx skills add https://github.com/victor-teles/oh-my-query --skill components-victor-teles

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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.

Core Features & Use Cases

  • Generative components: AI dynamically creates components on demand in response to user messages or UI context.
  • Interactable components: Pre-placed components whose props AI can observe and update through natural language.
  • Use Case: Build dashboards or chat interfaces that render custom components on the fly or adjust their properties.

Quick Start

Register your Tambo components in your React app and enable generative or interactive rendering with AI-driven updates.

Frequently Asked Questions about components

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

FAQPage Schema
How do I register AI-driven UI components in a React application?▼

To register AI-driven UI components in React, you define a component schema with a name, the component reference, and a propsSchema, then optionally apply withTamboInteractable for auto-registration. This enables AI to render or update components dynamically.

What is the difference between generative and interactable Tambo components?▼

Generative Tambo components are created on demand by AI in response to user messages or context, while interactable components are pre-placed in the UI where AI observes and updates their props through natural language inputs.

Can I use Tambo to dynamically update component props through natural language?▼

Yes, you can use Tambo to dynamically update component props by wrapping pre-placed elements with withTamboInteractable. This allows AI to observe and modify the properties of interactable UI components based on natural language.

Do I need the Tambo library to create generative React components?▼

Yes, an environment with the Tambo library is required to create and register generative React components. You need it to define the necessary component schemas and enable AI-driven rendering for dynamic user interfaces.

When should I use AI-driven component rendering for my user interface?▼

AI-driven component rendering is ideal for building dashboards, chat interfaces, and dynamic UIs where components must be created on demand or updated in response to user input, allowing for highly interactive and responsive user experiences.

Related Skills

Explore More Software Engineering Skills→
Sri-Krishna-VSri-Krishna-V
4

components

Register generative and interactable React UI components with Tambo.

Community
Intermediate
tambo-aitambo-ai
11.2k

components

Register AI-driven UI components with TamboProvider and propsSchema.

Official
Basic
Aqsagull99Aqsagull99

task-intent-skill

Detect user intents from natural language and map them to Todo operations.

Community
Intermediate
hasnahasna

react

Convert JSON UI specifications into React component trees with type-safe catalogs.

Official
Intermediate