Voice Assistant Chat UI

ReactVoiceAssistantChatAIUpdated 2026-08-14

When to use: Building voice assistants, voice-input chat, customer-service voice bots, and hands-free interaction layers.

Install
npx skills add voice-assistant-chat
Git Clone
git clone https://github.com/skillhub-community/voice-assistant-chat.git

Description

A voice-assistant conversation UI. Core loop: MicButton (push-to-talk with hold animation, or a tap-to-toggle always-listening mode) → live STT streaming fills the user bubble in real time → the assistant's reply streams as text and is read aloud via TTS → a voice bubble shows the audio with replay. Includes an audio-visualizer in the mic button (reactive to input level) and an 'interrupt' ability (tap to cut off the assistant mid-speech and take the floor).

Conversation features: a transcript thread that persists across turns, quick-reply chips for common intents, a 'voice over text' toggle (answer in text-only mode for quiet environments), and context memory (the assistant remembers prior turns in-session). Wake-word mode delegates to a configurable hotword detector (offline option included). Handles the real-world states: mic permission denied, silence detection ('I didn't catch that'), and network drop with a graceful 'disconnected' bubble. Providers: any LLM chat + STT/TTS backend via adapters.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@audio_ming
LicenseMIT
Version1.0.0
Dependencies1

Dependencies

Text-to-Speech UI