add-to-existing-project
CommunitySeamlessly integrate Tambo into existing React apps.
System Documentation
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.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: add-to-existing-project Download link: https://github.com/Sri-Krishna-V/Derived-WMD/archive/main.zip#add-to-existing-project Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.