# reacticx-mcp

[![npm version](https://img.shields.io/npm/v/reacticx-mcp.svg)](https://www.npmjs.com/package/reacticx-mcp)
[![npm downloads](https://img.shields.io/npm/dm/reacticx-mcp.svg)](https://www.npmjs.com/package/reacticx-mcp)
[![license](https://img.shields.io/npm/l/reacticx-mcp.svg)](https://github.com/igorfelipeduca/reacticx-mcp/blob/main/LICENSE)

MCP server that provides documentation for the [Reacticx](https://www.reacticx.com) React Native component library. Works with any MCP-compatible client.

## Tools

| Tool | Description |
|------|-------------|
| `list_components` | List all 90+ components, optionally filtered by category |
| `get_component_docs` | Fetch full docs for a component (props, code, examples) |
| `search_components` | Search components by keyword |
| `getting_started` | Installation and setup guide |
| `get_dependencies` | Get combined dependency install commands |

## Setup

### Claude Code

```bash
claude mcp add reacticx -- npx -y reacticx-mcp
```

Or add to `~/.claude/.mcp.json`:

```json
{
  "mcpServers": {
    "reacticx": {
      "command": "npx",
      "args": ["-y", "reacticx-mcp"]
    }
  }
}
```

### Cursor

Go to **Settings > MCP Servers > Add Server**:

```json
{
  "mcpServers": {
    "reacticx": {
      "command": "npx",
      "args": ["-y", "reacticx-mcp"]
    }
  }
}
```

### Windsurf

Add to your MCP config:

```json
{
  "mcpServers": {
    "reacticx": {
      "command": "npx",
      "args": ["-y", "reacticx-mcp"]
    }
  }
}
```

### VS Code (GitHub Copilot)

Add to `.vscode/mcp.json` in your project:

```json
{
  "servers": {
    "reacticx": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "reacticx-mcp"]
    }
  }
}
```

### Cline

Add to your MCP settings:

```json
{
  "mcpServers": {
    "reacticx": {
      "command": "npx",
      "args": ["-y", "reacticx-mcp"]
    }
  }
}
```

### Any MCP Client

The server uses **stdio transport**. Run:

```bash
npx -y reacticx-mcp
```

## License

MIT