skills.rest
LinXueyuanStdio
LinXueyuanStdioCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

demo

Displays a voice-activated demo using your own credentials.

2|Updated Jan 30, 2026
Search Tags:#voice assistant#ai conversation#wake word#web speech api#vocal bridge#real-time subtitles
One-click install
npx skills add https://github.com/LinXueyuanStdio/viben --skill demo-linxueyuanstdio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: demo
Source: https://github.com/LinXueyuanStdio/viben/tree/main/pages/demo
Command: npx skills add https://github.com/LinXueyuanStdio/viben --skill demo-linxueyuanstdio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This demo helps you quickly showcase a natural, voice-driven assistant experience in the browser, including wake-word listening, voice-to-AI conversation, and real-time subtitles.

Core Features & Use Cases

  • Wake-word detection: Uses the Web Speech API to detect the wake phrase and plays a randomized greeting.
  • Voice conversation with subtitles: Connects to Vocal Bridge SDK for AI speech interaction and renders user/agent transcripts live.
  • Session control: Supports interruption and exits the conversation when the user says configured exit phrases or when the idle timeout is reached.
  • Cold-start voice workflow: Guides initial voice/identity capture and persists data in localStorage for subsequent use.
  • Use Case: Validate an in-browser voice UX for customer-service or information assistants before building a full product flow.

Quick Start

Run the included server and open the demo in your browser at http://localhost:8080 after copying .env.example to .env and filling in your Vocal Bridge credentials.

Frequently Asked Questions about demo

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

FAQPage Schema
How do I build a wake-word driven voice assistant in the browser?▼

A wake-word voice assistant uses the Web Speech API to detect a trigger phrase, then connects to the Vocal Bridge SDK using your apiKey and agentId to start AI conversation with live transcripts. It runs entirely in the browser for interactive demos.

Can I use the Web Speech API for real-time subtitles during an AI voice conversation?▼

Yes, you can render real-time subtitles during an AI voice conversation by connecting the Vocal Bridge SDK for speech interaction while using the Web Speech API to display live user and agent transcripts in the browser.

How do I add session timeout and exit phrases to a voice assistant demo?▼

You add session timeout and exit phrases by configuring the voice assistant to listen for specific exit phrases or automatically exit the conversation when an idle timeout is reached. This session control also supports interruption during active dialogue.

What do I need to set up before running a Vocal Bridge voice assistant demo?▼

Before running the voice assistant demo, you need to copy .env.example to .env and fill in your Vocal Bridge credentials including apiKey and agentId. Then run the included server and open the demo in your browser at http://localhost:8080.

Does the in-browser voice assistant support Chinese speech UX for early product validation?▼

Yes, the voice assistant demo is suitable for early product validation of Chinese speech UX for customer-service or information assistants. It helps you validate an in-browser voice UX before building a full product flow.

Related Skills

Explore More Content & Communication Skills→
billynewportbillynewport

Port Forward Airflow

Forward the Airflow API server from a Kubernetes cluster to localhost.

Community
Basic
cocyuhaococyuhao
1

youtube-transcript-cn

Extract YouTube video transcripts and translate them into Chinese text.

Community
Intermediate
framerslabframerslab

voice-conversation

Enable live voice conversations with speech-to-text, text-to-speech, and wake-word activation.

Official
Advanced
TikTzukiTikTzuki

Google Cloud Text-to-Speech

Convert text to speech and transcribe audio via cloud APIs.

Community
Advanced