# LayoutPilot MCP Server

An MCP (Model Context Protocol) server that exposes [LayoutPilot](https://layoutpilot.vercel.app/)'s AI UI generation capabilities as tools.

## Features

- **generate_ui** - Generate full UI layouts with AI
- **generate_component** - Generate individual UI components
- **open_layoutpilot** - Open LayoutPilot with optional pre-filled prompt

## Installation

```bash
npm install
```

## Usage

### With Claude Desktop

Add to your Claude Desktop config (`%APPDATA%\Claude\claude_desktop_config.json` on Windows):

```json
{
  "mcpServers": {
    "layoutpilot": {
      "command": "node",
      "args": ["C:\\Users\\survi\\New folder (3)\\src\\index.js"]
    }
  }
}
```

### Standalone

```bash
npm start
```

## Tools

### generate_ui

Generate a full UI layout.

**Parameters:**
- `prompt` (required): Description of the UI to generate
- `auto_submit` (optional): Auto-start generation (default: true)

**Example:**
```
Generate a modern dashboard with sidebar navigation
```

### generate_component

Generate a single UI component.

**Parameters:**
- `prompt` (required): Description of the component
- `auto_submit` (optional): Auto-start generation (default: true)

**Example:**
```
Create an animated pricing card with hover effects
```

### open_layoutpilot

Open LayoutPilot in browser.

**Parameters:**
- `prompt` (optional): Pre-fill the prompt field

## License

MIT