Automattic

WordPress Design System MCP Server

Community Automattic
Updated

A Model Context Protocol server for the WordPress Design System

[!IMPORTANT]This repository has been archived. Consider using the @wordpress/design-system-mcp package instead.

WordPress Design System MCP Server

An MCP (Model Context Protocol) server that provides AI assistants with access to WordPress Design System guidance and component information.

What is this?

This project aggregates design system guidance from the WordPress Design System, making it accessible to AI coding assistants. Currently it provides component information, with plans to expand as the project evolves.

Getting Started

Prerequisites:

  • Node.js (v24+)
  • pnpm (install using npm install -g pnpm)
# Install dependencies
pnpm install

# Test with the MCP Inspector (recommended for getting started)
pnpm inspect

# Run the server directly (defaults to HTTP transport)
pnpm dev

# Run with stdio transport
pnpm dev -- --stdio

# Run with HTTP transport explicitly
pnpm dev -- --http

Transport Modes

The server supports two transport modes:

  • HTTP transport (default): Runs an Express server on http://localhost:3945/mcp. Suitable for web-based clients like Cursor.
  • stdio transport: Uses standard input/output. Suitable for local MCP clients like Claude Desktop.

Select the transport mode using CLI arguments:

  • --http - Use HTTP transport (default)
  • --stdio - Use stdio transport

Using the Inspector

The MCP Inspector provides a visual interface to test the server's tools without needing to configure an AI assistant. It's the easiest way to verify everything works and see what data is available.

Connecting to AI Assistants

Claude Desktop (stdio transport):

Add to your Claude Desktop configuration file (~/Library/Application Support/Claude/claude_desktop_config.json on macOS):

{
  "mcpServers": {
    "wpds": {
      "command": "node",
      "args": ["/path/to/wpds-mcp/server.ts", "--stdio"]
    }
  }
}

Replace /path/to/wpds-mcp/server.ts with the absolute path to this server file.

Cursor or other HTTP clients:

The server runs on http://localhost:3945/mcp by default when using HTTP transport. Configure your client to connect to this endpoint.

License

Licensed under GNU General Public License v2 (or later).

MCP Server ยท Populars

MCP Server ยท New

    SylphxAI

    Citra

    Give your AI agent eyes for PDFs โ€” structured text, tables, OCR, visual evidence, and page-level citations via MCP. Native Rust, local-first.

    Community SylphxAI
    fastcrw

    fastCRW

    Fast, lightweight Firecrawl/Tavily alternative in Rust. Web scraper, crawler & search API with MCP server for AI agents. Drop-in Firecrawl-compatible API (/scrape, /crawl, /search). 2.3x faster than Tavily, 1.5x faster than Firecrawl in 1K-URL benchmarks. 6 MB RAM, single binary. Self-host or use managed cloud.

    Community fastcrw
    feder-cr

    aihawk_mcp_server

    Anti-detect agentic browser: undetected browsing, browser automation, MCP server, AI web browsing agent, computer use, scraping, lead generation. No captchas.

    Community feder-cr
    Hyperiux-Immersion-Labs

    hyperiux-mcp-server

    Animation effects and interactive UI components for Next.js - CLI-installable, 50+ free MIT effects and 100+ Pro

    dx-corp

    Deep Code Reasoning MCP Server

    A Model Context Protocol (MCP) server that provides advanced code analysis and reasoning capabilities powered by Google's Gemini AI

    Community dx-corp