11anything-add-voice-control

name	11anything-add-voice-control
description	Scaffold 11anything voice UI for supported React apps, or install official ElevenLabs UI components. Use when the user wants a voice command palette, a conversation widget, ElevenLabs-powered voice actions, or ElevenLabs UI components added to a supported host app.

11anything Scaffold

Run the bundled scaffold script from this repo:

node plugins/11anything/scripts/scaffold-11anything.mjs --cwd /absolute/path/to/app

Install official ElevenLabs UI components into the target app:

node plugins/11anything/scripts/scaffold-11anything.mjs components add voice-picker speech-input --cwd /absolute/path/to/app
node plugins/11anything/scripts/scaffold-11anything.mjs components add all --cwd /absolute/path/to/app --dry-run
node plugins/11anything/scripts/scaffold-11anything.mjs components add orb --cwd /absolute/path/to/app --installer shadcn

Inspect a target app before writing files:

node plugins/11anything/scripts/scaffold-11anything.mjs doctor --cwd /absolute/path/to/app
node plugins/11anything/scripts/scaffold-11anything.mjs doctor --cwd /absolute/path/to/app --json

For supported hosts, the component install flow also scaffolds starter files in 11anything/elevenlabs-ui or src/11anything/elevenlabs-ui. Next.js hosts additionally get route handlers for components that need server-backed tokens or voice data.

The scaffold fails fast with explicit diagnostics. If it cannot safely edit the expected host files, it exits with a targeted error instead of silently reporting success.

This is voice UI for supported React apps, not a universal installer for every framework.

Supported hosts

• Next.js App Router
• Vite React
• Electron with a React renderer

What the scaffold adds

• @11anything/react and @11anything/core
• @11anything/electron for Electron apps
• voice config, sample actions, provider wiring, and mount points
• .env.example with ElevenLabs variables
• Next.js signed URL route template
• Electron shortcut and preload bridge helpers

Supported ElevenLabs UI components

• audio-player
• bar-visualizer
• conversation
• conversation-bar
• live-waveform
• matrix
• message
• mic-selector
• orb
• response
• scrub-bar
• shimmering-text
• speech-input
• transcript-viewer
• voice-button
• voice-picker
• waveform

Follow-up

After scaffolding:

1. Run the host app package manager install.
2. Fill in ELEVENLABS_AGENT_ID for demos.
3. Replace the sample local actions with app-specific commands.
4. For components add, make sure the host app already has a supported component directory at components/ui or src/components/ui.