skills.rest
Sri-Krishna-V
Sri-Krishna-VCOMMUNITY
Explore all skills by this author →
GitHub

add-to-existing-project

Detect React project tech stack and integrate Tambo with existing apps.

4|3|Updated Feb 6, 2026
Search Tags:#automation#integration#react#provider-setup#tambo#existing-projects
One-click install
npx skills add https://github.com/Sri-Krishna-V/Derived-WMD --skill add-to-existing-project-sri-krishna-v
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: add-to-existing-project
Source: https://github.com/Sri-Krishna-V/Derived-WMD/tree/main/.agents/skills/add-to-existing-project
Command: npx skills add https://github.com/Sri-Krishna-V/Derived-WMD --skill add-to-existing-project-sri-krishna-v

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Integrates Tambo into EXISTING React projects by detecting the tech stack and adapting installation. Use when adding Tambo to an existing app, integrating with current frameworks, or when the user has an existing codebase they want to add AI/generative UI to. For starting a NEW project from scratch, use start-from-scratch skill instead. For registering existing components, use add-components-to-registry skill.

Core Features & Use Cases

  • Detect tech stack by inspecting package.json and project structure to tailor the integration.
  • Confirm with user, install dependencies, create provider setup, and register the first component with minimal disruption.
  • Adapt to existing patterns and workflows across Next.js, Vite, CRA, or other React environments.

Quick Start

Run the add-to-existing-project workflow to detect your project's tech stack and integrate Tambo with your existing app.

Frequently Asked Questions about add-to-existing-project

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

FAQPage Schema
How do I integrate Tambo into an existing React project?▼

To integrate Tambo into an existing React project, this workflow detects your tech stack by inspecting package.json, installs dependencies, configures the provider setup, and registers your first component automatically.

Does Tambo work with existing Next.js and Vite applications?▼

Yes, Tambo adapts to existing patterns across Next.js, Vite, and Create React App environments, tailoring the integration and provider setup to your specific React framework.

What is the process for adding AI components to a legacy React app?▼

Adding AI components to a legacy React app involves detecting the current tech stack, installing necessary dependencies, configuring the provider, and registering components with minimal disruption to existing workflows.

Can I use this to start a new React project from scratch?▼

No, this workflow is specifically for augmenting existing codebases. To start a new React project from scratch with Tambo, you should use a dedicated start-from-scratch skill instead.

How do I register existing UI components with Tambo?▼

To register existing UI components in your React app, you need to use the dedicated add-components-to-registry skill, which handles component registration after your initial provider setup is complete.

Related Skills

Explore More Software Engineering Skills→
tambo-aitambo-ai
11.2k

add-to-existing-project

Detect an existing React project's tech stack and automate Tambo integration and provider wiring.

Official
Intermediate
Sri-Krishna-VSri-Krishna-V
4

add-components-to-registry

Register existing React components with the Tambo registry and generate props schemas.

Community
Intermediate
awardsappawardsapp

generative-ui

Scaffold a Tambo generative UI React app with CLI setup and component registration.

Official
Intermediate
wafflebyteswafflebytes
7

add-to-existing-project

Detect the tech stack and integrate Tambo into existing React projects.

Community
Intermediate