mcpField
C
cli

cli

github.com/tambo-aiDevelopment11.2k92 installsUpdated 4w ago
Repository

About cli

Tambo CLI is an agent-friendly command-line tool for initializing projects, adding UI components, and creating apps from templates. It supports non-interactive use, previewing changes, and generating agent documentation.

Key features

  1. 01Initialize projects with an API key or project ID
  2. 02Add and list UI components
  3. 03Create apps from templates
  4. 04Preview component changes with dry run
  5. 05Support non-interactive and CI use
  6. 06Generate or update AGENTS.md

Use cases

  1. 01Setting up Tambo in an agent-driven workflow
  2. 02Adding chat UI components to a project
  3. 03Creating a new app from a standard template
  4. 04Running setup commands in CI

MCP support

The CLI includes components for MCP elicitation UI and MCP prompt and resource picker buttons. It does not describe managing or connecting MCP servers.

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/tambo-ai/tambo --skill cli

After installing, type/cliin Claude Code to confirm it loaded.

Details

From the project README

Tambo CLI

Agent-friendly CLI for project setup and component management.

Quick Start

npx tambo init --api-key=sk_...              # Initialize with API key
npx tambo add message-thread-full --yes      # Add a component
npx tambo create-app my-app --template=standard  # New app from template

Non-Interactive Mode

The CLI detects non-interactive environments and returns guidance instead of hanging:

# In CI or piped environments, this returns guidance (exit 2) instead of prompting
npx tambo init
# Error: Project name required.
# Run one of:
#   tambo init --project-name=myapp    # Create new project
#   tambo init --project-id=abc123     # Use existing project
Detection Logic

Non-interactive when ANY of these are true:

  • process.stdin.isTTY is false (piped input)
  • process.stdout.isTTY is false (piped output)
  • CI environment variable is set
  • GITHUB_ACTIONS=true

Override with FORCE_INTERACTIVE=1 (requires real TTY).

Exit Codes
CodeMeaning
0Success
1Error (network, invalid args, etc.)
2User action required - check stderr for exact command

Commands for Agents

Initialize Project
# Option 1: Direct API key (simplest for agents)
npx tambo init --api-key=sk_...

# Option 2: Create new project (requires prior auth)
npx tambo init --project-name=myapp

# Option 3: Use existing project
npx tambo init --project-id=abc123

# Skip all prompts with defaults
npx tambo init --yes --project-name=myapp
Add Components
npx tambo add form --yes                    # Skip confirmation
npx tambo add form graph --yes              # Multiple components
npx tambo add form --prefix=src/components  # Custom directory
npx tambo add form --dry-run                # Preview changes
npx tambo add form --legacy-peer-deps       # For dependency conflicts

Component Library

Browse and preview all components at ui.tambo.co.

Available Components
ComponentDescription
message-thread-fullComplete message thread with all content and interactions
message-thread-panelMessage thread in a side panel or modal context
message-thread-collapsibleMessage threads that can be expanded or collapsed
messageIndividual messages with markdown support
message-inputComposes and sends messages in a conversation
message-suggestionsAI-generated suggestions to help users compose responses
control-barControls and actions in the interface
input-fieldsReusable input fields with styles and validation
graphVisualizes graph-based data structures
formCollects user input with validation support
mapInteractive map with clustering and heatmap support
canvas-spaceDisplays rendered components from chat messages
thread-historyChronological history of a conversation thread
thread-dropdownDropdown menu for collapsible chat threads
thread-contentDisplays messages within a thread
scrollable-message-containerContainer that auto-scrolls to new messages
edit-with-tambo-buttonInline AI editor button for interactable components
elicitation-uiMCP elicitation UI for user input requests
mcp-componentsMCP prompt and resource picker buttons
What You Get

Each component includes:

  • Source code copied to your project (not a dependency)
  • Tambo integration pre-configured with hooks
  • Styling via Tailwind CSS (customizable)
  • TypeScript with full type definitions
Example: Full Chat Interface
npx tambo add message-thread-full control-bar --yes

This adds a complete chat UI with:

  • Message history display
  • AI-generated component rendering
  • Input bar with send button
  • Streaming status indicators
List Components (No Prompts)
npx tambo list --yes
Create New App
npx tambo create-app my-app --template=standard
Authentication
npx tambo auth login --no-browser   # Prints URL instead of opening browser
npx tambo auth status               # Check current auth (no prompts)
Full Setup (One Command)
npx tambo full-send    # Complete setup with components

Agent Docs

The CLI auto-creates/updates AGENTS.md with Tambo documentation:

npx tambo add form --yes   # Also updates AGENTS.md

The generated section includes CLI commands formatted for non-interactive use.

Key Flags Summary

FlagCommandsPurpose
--yes, -yinit, add, listSkip all prompts
--api-keyinitDirect API key input
--project-nameinitCreate new project
--project-idinitUse existing project
--no-browserauth loginOutput URL instead of opening
--dry-runaddPreview without installing
--prefixadd, listCustom component directory

Comments

Markdown supported