voice-retell

Integrate Retell AI WebRTC voice calling into Next.js chat applications.

3|Updated Feb 14, 2026
One-click install
npx skills add https://github.com/mattwoodco/skills --skill voice-retell
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: voice-retell
Source: https://github.com/mattwoodco/skills/tree/main/skills/voice-retell
Command: npx skills add https://github.com/mattwoodco/skills --skill voice-retell

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires retell-client-js-sdk, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill enables seamless integration of real-time voice calling into web applications, allowing users to communicate via voice directly within the chat interface.

Core Features & Use Cases

  • WebRTC Voice Calling: Integrates Retell AI for browser-based voice communication.
  • Voice Mode Toggle: Adds a UI element to switch between text and voice chat.
  • Transcript Bridging: Streams call audio and bridges transcripts back into the chat history.
  • Mute/Unmute Controls: Provides in-call audio management.
  • Use Case: Enhance a customer support chat by allowing users to switch to a voice call with an agent without leaving the application, providing a richer communication experience.

Quick Start

Use the voice-retell skill to add voice calling capabilities to the current chat session.

Frequently Asked Questions about voice-retell

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

FAQPage Schema
How do I add WebRTC voice calling to a web application chat interface?

You can integrate Retell AI using the retell-client-js-sdk to add WebRTC voice calling to your chat interface. It provides real-time audio streaming, a voice mode toggle, and bridges call transcripts directly into your existing chat history.

Can I bridge real-time voice call transcripts into existing chat messages?

Yes, this integration streams call audio and automatically bridges call transcripts back into your existing chat message history. This allows users to seamlessly review voice conversations within the text chat interface.

Do I need Next.js and shadcn/ui to implement browser-based voice communication?

Yes, full functionality requires Next.js, ai-chat, auth, env-config, and shadcn/ui. These frameworks and components provide the necessary foundation for the WebRTC voice calling integration to work properly within your application.

How does voice mode toggling work within a real-time communication chat UI?

Voice mode toggling adds a UI element that lets users switch between text chat and real-time voice calls within the same interface. Users can transition to voice communication without leaving the application, providing a richer experience.

What are the prerequisites for using Retell AI for in-app voice calls?

Prerequisites include a Next.js environment, the retell-client-js-sdk dependency, and the ai-chat, auth, env-config, and shadcn/ui components. You also need to configure your environment to support real-time audio streaming and WebRTC protocols.

Does this voice integration support mute and unmute controls during a call?

Yes, the integration provides in-call audio management controls including mute and unmute functionality. Users can manage their audio streaming directly within the application interface during an active WebRTC voice call.