Magnolia DS — Storybook MCP server

An MCP server that exposes the Magnolia Design System Storybook to AI agents, so they build UI with real components, props, and usage instead of guessing. It runs locally via npx — your MCP client spawns it over stdio; there’s nothing to host.

It reuses the documentation tools from @storybook/mcp and points them at published manifests (components.json / docs.json) over HTTPS. So it holds no state, needs no credentials, and can never drift from what’s live.

Install

Claude Code:

claude mcp add magnolia-ds -- npx -y @magnolia/mgnl-ds-mcp-server

Cursor / VS Code / other clients — add to the mcpServers config:

{
  "mcpServers": {
    "magnolia-ds": {
      "command": "npx",
      "args": ["-y", "@magnolia/mgnl-ds-mcp-server"]
    }
  }
}

That’s it. npx fetches the latest published version on each launch, the client manages the process over stdio, and the server reads the live manifests.

MCP Tools

• list-all-documentation — list every component and docs entry (IDs + summaries).
• get-documentation — full docs for one component/entry (props, stories, code snippets).
• get-documentation-for-story — docs for a specific story variant.

Try it: ask your agent "using the Magnolia design system, render a loading Button".

Configuration

| Setting | env | default | | --------------------------- | ---------------- | ----------------------------------------------- | | manifests base (URL or dir) | MANIFESTS_PATH | https://ds.magnolia-cloud.com/react/manifests |