Skip to main content
affpapa.org
RU EN
skill CX Codex

add-voice — Claude Code skill for Grok voice mode

Adds two-way Grok voice conversations to an app. Use it when replacing an STT-LLM-TTS chain or an OpenAI Realtime integration.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add cursor/plugins --skill add-voice -a claude-code
Open on GitHub

What add-voice does

This skill wires an app to Grok voice over WebSocket: it captures microphone audio, sends audio chunks, and plays returned speech as it arrives. It covers session setup, server-side VAD, grok-transcribe, and interruption when the user starts speaking.

For browser and mobile clients, it directs the app to request a temporary token from its backend; server connections use XAI_API_KEY. Do not ship a long-lived key in a client bundle, so review the existing auth path before adding voice. TypeScript is the main example, with a Python version using websockets.

The skill also sets composer behaviour. A waveform button starts voice mode, while the microphone icon remains reserved for dictation. Use /add-dictation for speech-to-text only, /add-read-aloud for spoken text replies, and /debug-voice for development logging and log-based fixes.

What it helps with

  • add a two-way Grok voice conversation
  • replace an STT-LLM-TTS chain with one connection
  • keep long-lived API keys out of client bundles
  • interrupt queued audio when the user speaks
  • separate voice mode from dictation controls

Example prompts for the agent

  • /add-voice Add Grok voice mode to this app.
  • Add a Grok speech-to-speech session and wire the app microphone.
  • /add-voice Replace the current STT-LLM-TTS flow with Grok voice.

How to install add-voice

1Skills CLI (Vercel)

npx skills add cursor/plugins --skill add-voice -a claude-code

2Manually: put the files in place

~/.claude/skills/add-voice/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/add-voice/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about add-voice

How do I install add-voice in Claude Code?

Run npx skills add cursor/plugins --skill add-voice -a claude-code, then run npx skills add cursor/plugins --skill add-voice -a claude-code again. The skill file is at ~/.claude/skills/add-voice/SKILL.md.

What does add-voice do?

It adds a Grok voice session to an existing app, from microphone capture through audio playback. It also covers session events, authentication, and voice-mode interface conventions.

How should browser clients authenticate?

Browser and mobile clients use a temporary token issued by the backend. Keep XAI_API_KEY on the server rather than in client-side code.

Similar skills

Everything for Frontend and UI →
realtime elevenlabs A skill for ElevenLabs Realtime models: switches a voice agent to low-latency mode and helps move an app off the Anthropic Realtime API. CX Codex +1 634installs bun-websocket-server secondsky A skill packed with Bun WebSocket server patterns: handlers, pub/sub, broadcasting. Handy when you need a chat or real-time streaming without extra libraries. CX Codex +1 394installs azure-messaging-webpubsubservice-py Microsoft A Python SDK skill for Azure Web PubSub Service: WebSocket messaging, groups, access tokens and connection management. 1installs twilio-voice-twiml official Twilio A skill for building voice call logic with TwiML: Say, Play, Gather, Dial, Record and Conference verbs, plus a full inbound IVR example. CX Codex GP ChatGPT ★ 7,596repo stars neon-realtime neondatabase Turns any SQL query live: the client subscribes to row changes in Lakebase Postgres and gets them in batches. Useful for dashboards, feeds and multi-device sync. CX Codex +1 6,000installs speech-engine elevenlabs Wires ElevenLabs Speech Engine into a custom agent: ElevenLabs handles mic audio, speech-to-text and playback, your server streams the reply text. CX Codex +1 6,500installs

From the same set45

ralph-loop-help A skill that answers questions about the Ralph Loop technique: how the cycle runs, which options exist, and when to reach for it. CX Codex +1 899installs reproduce-and-fix-issues Recreates triaged Slack bugs in real UI via an app adapter and drafts fixes only after verified repros. Designed strictly for the Benny automation workflow. CX Codex +1 822installs setup-benny Walks you through Benny's configuration and its two Cursor automations: issue triage and bug reproduction. Useful when installing Benny or changing its settings. CX Codex +1 787installs X MCP guide This skill guides agents through X connections and MCP tools. Use it when an agent needs to read X data or work with chats, lists, and calls. CX Codex +1 614installs advisor Adds a second model for reviewing decisions, debugging dead ends, and checking work before completion. The mode starts only when explicitly requested. CX Codex +1 404installs add-dictation This skill wires Claude speech recognition into your own app: a mic button, live captions, or transcripts of audio you already have. CX Codex +1 324installs debug-voice Installs dev-only logging for Grok realtime voice sessions and runs a fix loop from the log. CX Codex +1 320installs port-github-app-to-origin Plans the migration of an existing GitHub App to Cursor Origin. It scans your code for webhooks, API calls, and scopes, mapping them against the live Origin specification. CX Codex +1 337installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor