# useVyre Context

This MCP server gives agents useVyre component details, including allowed props, variants, design tokens, and known anti-patterns.

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

## What it does

useVyre Context connects an MCP client to component knowledge from useVyre. An agent can retrieve a component’s full context, list accepted prop names and values, test one prop value, find a component for a use case, or look up a design token.

The server also exposes anti-patterns, with optional filtering by component, plus package version and context validity details. That gives the agent a check before it writes code with a prop or variant. Claude Code starts it through `npx`, so the command fails when `npx` cannot run in the environment.

Ask the agent about a component, token, or UI task to use the server. It can inspect whether `error` fits the `variant` prop on `Alert`, or suggest a component for a keyboard-navigable search box.

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

## Install

### Claude Code (native platform)

**Platform CLI**
```bash
claude mcp add usevyre-context -- npx -y @usevyre/mcp-server
```

### Codex

**Platform CLI**
```bash
codex mcp add mcp-server -- npx -y @usevyre/mcp-server
```

### Cursor

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

### GitHub Copilot

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

### Gemini CLI

**Platform CLI**
```bash
gemini mcp add mcp-server npx -y @usevyre/mcp-server
```

## When to use it
- list accepted props for a component
- check a variant before generating code
- validate one prop value
- choose a component for a UI use case
- look up a design token by category

## Example prompts
- List the accepted props and variants for `Button`.
- Check whether `error` is valid for the `variant` prop on `Alert`.
- Suggest a component for a search box with keyboard navigation.

## Similar
- [REA](https://affpapa.org/en/nevibecode/mcp/rea.md) — MCP server · ★ 392262
- [GitHub](https://affpapa.org/en/nevibecode/mcp/github.md) — MCP server · ★ 33989
- [Netdata](https://affpapa.org/en/nevibecode/mcp/netdata.md) — MCP server · ★ 81163
- [browser-use](https://affpapa.org/en/nevibecode/mcp/browser-use.md) — MCP server · ★ 119231
- [Codebase Memory](https://affpapa.org/en/nevibecode/mcp/codebase-memory.md) — MCP server · ★ 47577
- [mcp-server](https://affpapa.org/en/nevibecode/mcp/mcp-server.md) — MCP server · ★ 43902

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