This package is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.
An MCP (Model Context Protocol) server for the WordPress Design System. Provides AI coding agents with component documentation, prop definitions, usage examples, and design tokens.
Setup
Claude Code
claude mcp add wordpress-design-system -- npx -y --ignore-scripts --min-release-age=2 @wordpress/design-system-mcp@latest
Cursor
Other (Claude Desktop, VS Code)
Add to your MCP client configuration (mcp.json or equivalent):
{
"mcpServers": {
"wordpress-design-system": {
"command": "npx",
"args": [
"-y",
"--ignore-scripts",
"--min-release-age=2",
"@wordpress/design-system-mcp@latest"
]
}
}
}
Contributing to this package
This is an individual package that’s part of the Gutenberg project. The project is organized as a monorepo. It’s made up of multiple self-contained software packages, each with a specific purpose. The packages in this monorepo are published to npm and used by WordPress as well as by the broader JavaScript ecosystem.
To find out more about contributing to this package or Gutenberg as a whole, please read the project’s main contributor guide.
