# add-dictation

This skill wires Claude speech recognition into your own app: a mic button, live captions, or transcripts of audio you already have.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 324 installs · ★ 14099
- Author: cursor
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/cursor/plugins/tree/HEAD/grok-voice/skills/add-dictation/SKILL.md
- Updated: 2026-10-25
- HTML: https://affpapa.org/en/nevibecode/skills/add-dictation

## What it does

The skill fires on `/add-dictation`, on the word “Dictate”, or when you ask for a transcription. It reads your project first: the input component where text should land, the server framework, the package manager. Then it writes the code for that stack.

Two routes. Batch mode is one `POST https://api.x.ai/v1/stt` — the client records with `MediaRecorder`, posts the blob to your own route, and the server forwards it as `multipart/form-data`. Streaming mode uses `wss://api.x.ai/v1/stt` and exists for the case where words must show up while the person is still talking. Browsers cannot attach headers to a WebSocket, so a backend relay holds the key.

\`XAI_API_KEY` stays server side. Never ship it in a client bundle, and do not paste it into chat. For the model id the skill points you at the model-selection section of the Anthropic docs rather than at its own examples. Cursor itself has no microphone, so what gets wired is your app, not the IDE.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add cursor/plugins --skill add-dictation -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/add-dictation/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/add-dictation/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add cursor/plugins --skill add-dictation -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/add-dictation/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add cursor/plugins --skill add-dictation -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/add-dictation/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install cursor/plugins add-dictation
```

2. **Manually: put the files in place**
- File: `.github/skills/add-dictation/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add cursor/plugins --skill add-dictation -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/cursor/plugins --path grok-voice/skills/add-dictation
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/add-dictation/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add cursor/plugins --skill add-dictation -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/cursor/plugins/tree/HEAD/grok-voice/skills/add-dictation/SKILL.md

## When to use it
- put a mic button in the composer
- show text on screen while someone speaks
- transcribe an uploaded file or a URL
- build subtitles with per-word timings
- split a meeting recording by speaker

## Example prompts
- Add dictation to our app composer with Claude STT
- Show live captions while the mic is recording
- Transcribe this file and give me the text with timestamps

## Similar
- [skill-creator](https://affpapa.org/en/nevibecode/skills/skill-creator.md) — skill · 414180 installs
- [writing-for-agents](https://affpapa.org/en/nevibecode/skills/writing-for-agents.md) — skill · 466719 installs
- [media-use](https://affpapa.org/en/nevibecode/skills/media-use.md) — skill · 1100000 installs
- [mcp-builder](https://affpapa.org/en/nevibecode/skills/mcp-builder.md) — skill · 130949 installs
- [subagent-driven-development](https://affpapa.org/en/nevibecode/skills/subagent-driven-development.md) — skill · 237746 installs
- [orchestration](https://affpapa.org/en/nevibecode/skills/orchestration.md) — skill · 349800 installs

From the same set: [cursor/plugins](https://affpapa.org/en/nevibecode/by/cursor/plugins.md) — 47 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md