# vueuse-mcp

Hands your coding agent the VueUse docs, so it looks up composables and their APIs on its own while you work.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 5
- Author: kovoor
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/kovoor/vueuse-mcp
- Updated: 2026-04-01
- HTML: https://affpapa.org/en/nevibecode/mcp/vueuse-mcp

## What it does

The server exposes four tools. `search_composables` takes a name, keyword or concept and returns ranked matches with descriptions. `get_composable_docs` returns the full page for one composable: signature, types, options, examples and related functions. `suggest_composable` accepts a plain-language description of what you want to build and ranks candidates, noting their trade-offs. `list_categories` lists categories with composable counts and can filter by package.

You never call these yourself. Ask how to track the mouse position in Vue and the agent reaches for `search_composables` or `suggest_composable`, then pulls the `useMouse` docs and writes code against the real API and types. The composable data comes from scraping the VueUse GitHub repo.

Refreshing that data is on you: `npm run scrape && npm run build`. Scraping without a `GITHUB_TOKEN` environment variable runs into GitHub rate limits, so set the token before you update. Building locally means cloning the repo, then `npm install`.

## Requirements
- Needs: Node.js (commands run via npx)

## Install

### Claude Code (native platform)

**Platform CLI**
```bash
claude mcp add vueuse-mcp -- npx -y vueuse-mcp
```

### Codex

**Platform CLI**
```bash
codex mcp add vueuse-mcp -- npx -y vueuse-mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "vueuse-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "vueuse-mcp"
            ]
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "vueuse-mcp": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "vueuse-mcp"
            ]
        }
    }
}
```

### Gemini CLI

**Platform CLI**
```bash
gemini mcp add vueuse-mcp npx -y vueuse-mcp
```

## When to use it
- find the right VueUse composable for a task
- read a composable's signature and options without leaving the editor
- pick between composables that behave similarly
- write Vue code against correct types and APIs
- refresh the local VueUse documentation data

## Example prompts
- Help me track the mouse position in a Vue component
- Which VueUse composable should I use to debounce a search input?
- Show me the `useMouse` docs: signature, options and examples

## Similar
- [vueuse-functions](https://affpapa.org/en/nevibecode/skills/vueuse-functions.md) — skill · 3700 installs
- [vuetify0](https://affpapa.org/en/nevibecode/skills/vuetify0.md) — skill · 721 installs
- [nuxt-data](https://affpapa.org/en/nevibecode/skills/nuxt-data.md) — skill · 388 installs
- [frontend-developer](https://affpapa.org/en/nevibecode/agents/voltagent-community-frontend-developer.md) — subagent · 40905 installs
- [vuejs-typescript-best-practices](https://affpapa.org/en/nevibecode/skills/vuejs-typescript-best-practices.md) — skill · 1000 installs
- [vite](https://affpapa.org/en/nevibecode/skills/mindrally-vite.md) — skill · 820 installs

---
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