WordPress Design System Server
БесплатноНе проверенProvides AI assistants with access to WordPress Design System component information and design guidance.
Описание
Provides AI assistants with access to WordPress Design System component information and design guidance.
README
[!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).
Установка WordPress Design System Server
У этого сервера нет опубликованного пакета — он собирается из исходников. Открой репозиторий и следуй инструкции в README.
▸ github.com/Automattic/wpds-mcpFAQ
WordPress Design System Server MCP бесплатный?
Да, WordPress Design System Server MCP бесплатный — установка в пару кликов через Unyly без оплаты.
Нужен ли API-ключ для WordPress Design System Server?
Нет, WordPress Design System Server работает без API-ключей и переменных окружения.
WordPress Design System Server — hosted или self-hosted?
Self-hosted: сервер запускается локально на твоей машине командой из раздела установки.
Как установить WordPress Design System Server в Claude Desktop, Claude Code или Cursor?
Открой WordPress Design System Server на unyly.org, выбери вкладку своего клиента (Claude Desktop, Claude Code, Cursor) и нажми Install — конфиг сгенерируется автоматически, без правки JSON.
Похожие MCP
LibreOffice Tools
Enables AI agents to read, write, and edit Office documents via LibreOffice with token-efficient design. Supports multiple formats including DOCX, XLSX, PPTX, a
автор: passerbyflutterdannote/figma-use
Full Figma control: create shapes, text, components, set styles, auto-layout, variables, export. 80+ tools.
автор: dannoteLogo.dev
Search and retrieve company logos by brand or domain. Customize size, format, and theme to match your design needs. Accelerate design, prototyping, and content
автор: NOVA-3951PIX4Dmatic
Enables GUI automation for controlling PIX4Dmatic on Windows through MCP. Supports launching, focusing, capturing screenshots, sending hotkeys, clicking UI elem
автор: jangjo123Compare WordPress Design System Server with
Не уверен что выбрать?
Найди свой стек за 60 секунд
Автор?
Embed-бейдж для README
Похожее
Все в категории design
