skills.rest
skaile-ai
skaile-aiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

prog-expert-tts-stt-integration

Automate TTS and STT integration in Nuxt 3/Nitro apps.

Updated Mar 28, 2026
Search Tags:#elevenlabs#tts#websocket#deepgram#stt#nuxt#nitro
One-click install
npx skills add https://github.com/skaile-ai/ai-assets --skill prog-expert-tts-stt-integration
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: prog-expert-tts-stt-integration
Source: https://github.com/skaile-ai/ai-assets/tree/main/dev-implementation-experts-js/skills/prog-expert-tts-stt-integration
Command: npx skills add https://github.com/skaile-ai/ai-assets --skill prog-expert-tts-stt-integration

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provide expert-level guidance to implement reliable TTS and STT integrations in Nuxt 3 + Nitro apps, including Deepgram streaming via WebSocket and ElevenLabs TTS, plus browser-based MediaRecorder handling.

Core Features & Use Cases

  • Real-time STT via a WebSocket proxy with Deepgram, with language auto-detection and safe key handling.
  • Server-side TTS streaming to clients (ElevenLabs) via Nitro sendStream, with model choices and key resolution patterns.
  • Browser MediaRecorder integration for on-device audio capture and real-time transcription playback.
  • Settings resolution and multi-provider configuration using env vars and runtime data.
  • Pattern templates and recipes to accelerate adoption in Nuxt/Nitro projects.

Quick Start

Install the skill and follow its progressive workflow to implement TTS/STT integration in a Nuxt 3 + Nitro project.

Frequently Asked Questions about prog-expert-tts-stt-integration

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

FAQPage Schema
How do I integrate real-time Deepgram STT via WebSocket in a Nuxt 3 application?▼

Real-time Deepgram STT integration in Nuxt 3 is handled by routing browser audio through a WebSocket proxy to Deepgram, enabling live transcription with language auto-detection and safe key handling.

What is the best way to stream ElevenLabs TTS audio to a client using Nitro?▼

ElevenLabs TTS streaming to clients is achieved using the Nitro sendStream utility, which facilitates server-side audio delivery with configurable model choices and secure key resolution patterns.

Can I use browser MediaRecorder to capture audio for live transcription in Nuxt?▼

Browser MediaRecorder integration is supported for on-device audio capture, allowing you to record audio within your Nuxt app and send it directly for real-time transcription playback.

Do I need environment variables to configure multi-provider TTS and STT settings?▼

Environment variables are required for provider keys to configure multi-provider TTS and STT settings, ensuring secure key handling and proper runtime data resolution within a dedicated settings file.

Why use a WebSocket proxy for Deepgram STT instead of connecting directly from the browser?▼

Using a WebSocket proxy for Deepgram STT ensures safe key handling by keeping your provider credentials server-side in your Nitro backend, preventing exposure of sensitive API keys to the browser client.

Related Skills

Explore More Software Engineering Skills→
omerakbenomerakben
1

environment-configuration

Configure and validate environment variables across development, staging, and production.

Community
Intermediate
FutureAtomsFutureAtoms
1

personaplex-react-native-integration

Integrate PersonaPlex AI into React Native apps with WebSocket voice conversations.

Community
Advanced
zzafergokzzafergok
1

voice-ai-development

Orchestrate real-time voice AI workflows across OpenAI Realtime, Vapi, Deepgram, ElevenLabs, and LiveKit.

Community
Advanced
avatarneilavatarneil
3

discord-voice

Integrate speech-to-text and text-to-speech into Discord voice channels.

Community
Advanced