PettyUI MCP Server

Remote MCP server for AI-assisted UI development with PettyUI web components.

https://petty.staythree.com/mcp

pettyui_discover

List components by category

pettyui_inspect

Full component details

pettyui_compose

Generate valid HTML

pettyui_validate

Validate against schemas

Setup

Claude Code

Add to your project settings or ~/.claude/settings.json:

{
  "mcpServers": {
    "pettyui": {
      "type": "url",
      "url": "https://petty.staythree.com/mcp"
    }
  }
}

Claude Desktop

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "pettyui": {
      "type": "url",
      "url": "https://petty.staythree.com/mcp"
    }
  }
}

Cursor

Add to .cursor/mcp.json in your project root:

{
  "mcpServers": {
    "pettyui": {
      "type": "url",
      "url": "https://petty.staythree.com/mcp"
    }
  }
}

Windsurf

Add to ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "pettyui": {
      "type": "url",
      "url": "https://petty.staythree.com/mcp"
    }
  }
}

Codex CLI (OpenAI)

Add to ~/.codex/config.json:

{
  "mcpServers": {
    "pettyui": {
      "type": "url",
      "url": "https://petty.staythree.com/mcp"
    }
  }
}

VS Code (GitHub Copilot)

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

{
  "servers": {
    "pettyui": {
      "type": "http",
      "url": "https://petty.staythree.com/mcp"
    }
  }
}

Zed

Add to Zed settings (settings.json):

{
  "context_servers": {
    "pettyui": {
      "settings": {
        "url": "https://petty.staythree.com/mcp"
      }
    }
  }
}

Any MCP Client (cURL)

curl -X POST https://petty.staythree.com/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json, text/event-stream" \
  -d params:{}

Local (stdio)

For local installation via npm:

npm install @pettyui/mcp
npx @pettyui/mcp

PettyUI — 51 headless web components. Zero dependencies. ~5KB gzipped. Source