Vowel React Integration

Before using this skill, read vowel-client/SKILL.md for core @vowel.to/client concepts (installation, voiceConfig, connection paradigms, context management, custom actions basics, environment variables).

This skill adds React-specific patterns: hooks, providers, router adapters, state management, and context-ready initialization.

Overview

React-specific guidance for voice agent integration:

• Installation and client setup for all major React routers
• Navigation adapter configuration (TanStack Router, Next.js, React Router, custom)
• Context-ready initialization — ensure stores are loaded before client init, push initial context
• State management integration with automatic context syncing
• Custom action design with app store patterns
• Voice UI components and configuration

0.2.0 Migration Patterns