ElevenLabs Agents Platform for AI voice agents (React/JS/Native/Swift). Use for voice AI, RAG, tools, or encountering package deprecation, audio cutoff, CSP violations, webhook auth failures.
View on GitHubsecondsky/claude-skills
elevenlabs-agents
January 24, 2026
Select agents to install to:
npx add-skill https://github.com/secondsky/claude-skills/blob/main/plugins/elevenlabs-agents/skills/elevenlabs-agents/SKILL.md -a claude-code --skill elevenlabs-agentsInstallation paths:
.claude/skills/elevenlabs-agents/# ElevenLabs Agents Platform
## Overview
ElevenLabs Agents Platform is a comprehensive solution for building production-ready conversational AI voice agents. The platform coordinates four core components:
1. **ASR (Automatic Speech Recognition)** - Converts speech to text (32+ languages, sub-second latency)
2. **LLM (Large Language Model)** - Reasoning and response generation (GPT, Claude, Gemini, custom models)
3. **TTS (Text-to-Speech)** - Converts text to speech (5000+ voices, 31 languages, low latency)
4. **Turn-Taking Model** - Proprietary model that handles conversation timing and interruptions
### 🚨 Package Migration (August 2025)
**DEPRECATED (Do not use):** `@11labs/react` and `@11labs/client`
**Current packages:**
```bash
bun add @elevenlabs/react@0.11.0 # React SDK
bun add @elevenlabs/client@0.11.0 # JavaScript SDK
bun add @elevenlabs/react-native@0.5.2 # React Native SDK
bun add @elevenlabs/elevenlabs-js@2.25.0 # Base SDK
bun add -g @elevenlabs/agents-cli@0.2.0 # CLI
```
If migrating, uninstall old packages first: `npm uninstall @11labs/react @11labs/client`
---
## Quick Start
### Path A: React SDK (Embedded Voice Chat)
For building voice chat interfaces in React applications.
**Installation:**
```bash
bun add @elevenlabs/react zod
```
**Basic Example:**
```typescript
import { useConversation } from '@elevenlabs/react';
import { z } from 'zod';
export default function VoiceChat() {
const { startConversation, stopConversation, status } = useConversation({
// Authentication (choose one)
agentId: 'your-agent-id', // Public agent (no key needed)
// apiKey: process.env.NEXT_PUBLIC_ELEVENLABS_API_KEY, // Private (dev only)
// signedUrl: '/api/elevenlabs/auth', // Signed URL (production)
// Client-side tools
clientTools: {
updateCart: {
description: "Update the shopping cart",
parameters: z.object({
item: z.string(),
quantity: z.number()
}),
han