components

Name: components
Availability: InStock
Author: Victor

1|Updated Feb 11, 2026

Search Tags:#ui #react #ai #generate #registration #tambo #interactable

Ready to run

npx skills add https://github.com/victor-teles/oh-my-query --skill components-victor-teles

💬 Prompt for ChatGPT / Claude Chat▼

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

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.