vowel-webcomponent
Vowel Web Component Integration
Initialize vowel.to using <vowel-voice-widget> for drop-in integration across frameworks and plain HTML.
Overview
Use this skill when you want:
- Fast embed with minimal app code changes
- Framework-agnostic integration (React/Vue/Laravel/WordPress/plain HTML)
- Programmatic control through DOM events and element methods
Core Principles
1) Wait for vowel-ready Before Programmatic Wiring
Register programmatic actions and call methods only after the component is ready.
2) Register Custom Actions Before Starting Session
More from usevowel/skills
vowel-react
Initialize vowel.to voice agent in React applications (React 19+, Next.js, TanStack Router, React Router) with complete setup including adapters, providers, hooks, and custom actions. Use when setting up voice agent integration, configuring navigation adapters, implementing custom voice actions, or integrating state management with voice AI. First read vowel-client/SKILL.md for core @vowel.to/client knowledge.
13vowel-vanilla
Initialize vowel.to voice agent in vanilla JavaScript applications (no React) using standalone bundles or module imports, direct/controlled adapters, and custom actions. Use when integrating voice into plain JS SPAs or traditional multi-page sites.
5voweldocs
Add the branded VowelDocs voice-agent paradigm to supported documentation frameworks, especially Astro Starlight projects. Use this when embedding or maintaining the shipped VowelDocs experience in docs, including canonical route maps, SPA navigation adapters, credential modal UI, session/audio persistence, and framework-specific lifecycle workarounds.
3vowel-client
Core @vowel.to/client knowledge shared by all framework skills. Covers installation, connection paradigms (apiKey/appId/tokenProvider/direct token), voiceConfig reference (provider, model, voice, language, STT/TTS overrides, VAD, turn detection), adapter patterns, custom actions, context management, and environment variables. Framework-specific skills (vowel-react, vowel-vanilla, vowel-webcomponent) instruct agents to load this file first.
1