MCP Client Setup

This section provides detailed setup guides for connecting the Wireweave MCP server to various AI assistants.

What is MCP?

The Model Context Protocol (MCP) is an open standard that enables AI assistants to interact with external tools and data sources. Wireweave provides an MCP server that exposes wireframe generation capabilities to any MCP-compatible client.

Prerequisites

Before setting up any MCP client, you'll need:

1. API Key - Get one from the Wireweave Dashboard
2. Node.js 18+ - Required to run the MCP server via npx
3. MCP-compatible client - Claude Desktop, Cursor, VS Code, etc.

Supported Clients

Client	Status	Platform
Claude Desktop	Fully Supported	macOS, Windows
Cursor	Fully Supported	macOS, Windows, Linux
VS Code	Fully Supported	macOS, Windows, Linux

Quick Start

All clients use a similar configuration format:

{
  "mcpServers": {
    "wireweave": {
      "command": "npx",
      "args": ["@wireweave/mcp-server"],
      "env": {
        "WIREWEAVE_API_KEY": "your-api-key-here"
      }
    }
  }
}

The main difference between clients is:

• Config file location - Each client stores its config in a different path
• Config format - Some clients may have additional options

Choose your client from the list above for detailed instructions.

Available Tools

Once configured, your AI assistant will have access to these wireframe tools:

Tool	Description	Credits
wireweave_parse	Parse DSL into AST	1
wireweave_validate	Validate DSL syntax	1
wireweave_render_html	Render to HTML/CSS	2
wireweave_render_html_file	Render and save to file	2
wireweave_grammar	Get DSL grammar docs	1

Troubleshooting

Common Issues

• "API key not set" - Ensure WIREWEAVE_API_KEY is correctly set in the env section
• "Server not found" - Make sure Node.js 18+ is installed and in your PATH
• "Rate limit exceeded" - Wait for reset or upgrade your plan

Getting Help

• Check Troubleshooting Guide
• Contact support@wireweave.org