Log inSubmit server
Design System MCP logo

Design System MCP

by @conciso

Queries a bundled Storybook snapshot of the Conciso Design System over stdio without network access.

InstallRepositoryWebsite
Full README Compare alternatives Embed widget Claim this listing

Install Design System MCP

Pick your client, then add it in one click or paste the config.

STDIONode.js
~/Library/Application Support/Claude/claude_desktop_config.json
claude_desktop_config.json
{
  "mcpServers": {
    "conciso-design-system-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@conciso/design-system-mcp"
      ]
    }
  }
}

Settings → Developer → Edit Config, merge this into mcpServers, then fully quit and reopen Claude Desktop.

Automated check passed— started and listed 3 tools correctly (Today).

Overview

@conciso/design-system-mcp MCP server exposes Conciso Design System documentation to AI assistants through stdio. It reads from a bundled Storybook snapshot, so requests do not require network access or a live documentation site. Reach for it when an agent needs to list documentation, inspect a document, or retrieve a component story.

Use cases

  • List available Conciso Design System documentation
  • Retrieve component guidance from a local Storybook snapshot
  • Look up a specific Storybook story for an AI-assisted workflow
  • Query design-system documentation without network access

Key features

  • stdio MCP transport
  • Bundled Storybook snapshot
  • Documentation listing
  • Documentation retrieval
  • Story retrieval
  • Offline operation

Tools3

What Design System MCP lets your agent do. Expand a tool for its parameters.

Verified live~776 tokens of context

Security & health

What it can reach and how reliably it runs — from our own checks, not the maintainer’s claims.

ActiveLast checked 1d ago

Recent health check succeeded.

4/4 checks healthy over the last 13d

What it can do

From the 3 tools this server returned when we ran it.

Makes network requests · 2Read-only tools · 3
Network at startup3 connections
Files written at startupNone
Install scriptsNone
npm provenanceNot published
Package age34 days
Maintainers3

Observed 2026-10-30 in an isolated sandbox. A description of reach, not a security audit.

Supply-chain signal

No high-severity advisories surfaced by our automated scan.

Critical 0High 0Medium 0Low 0

Scanned 8d ago via OSV.dev · @conciso/design-system-mcp (npm)

Adoption & maintenance

Factual signals from GitHub, npm, and our automated checks — not a rating.

GitHub stars1Stargazers on the source repository.
npm downloads2.5kPackage downloads in the last 30 days.
Last commit15d agoMost recent push to the default branch.
Availability100%Our rolling endpoint + install checks that succeeded.
Install checkPassedOur sandbox started it and listed its tools.
Tools exposed3Callable tools this server registers over MCP.

How Design System MCP works

What @conciso/design-system-mcp MCP server does

The @conciso/design-system-mcp MCP server makes the Conciso Design System documentation available to MCP-compatible AI assistants. Its source is a bundled snapshot of the project’s Storybook documentation rather than a remote website or an API that is queried at runtime.

The underlying design system documents design tokens, CSS components, light and dark mode behavior, usage conventions, and page patterns. The MCP package is intended for developers and designers who need an assistant to look up this material while working on Conciso interfaces.

How it works

The server communicates over stdio, allowing an MCP client to start it as a local process and exchange tool requests through standard input and output. Documentation content comes from the Storybook snapshot included with the package. Because the snapshot is local, the server does not need network connectivity to answer requests.

The available documentation operations are:

  • docs-list — returns the available documentation entries.
  • docs-show — retrieves a documentation entry from the snapshot.
  • docs-show-story — retrieves a Storybook story from the snapshot.

This makes the server suitable for documentation lookup, but it does not represent a live connection to the public Storybook site. Results reflect the snapshot packaged or generated for the server.

Setup and configuration

The @conciso/design-system-mcp MCP server is located in the repository’s packages/mcp/ package. Its documented transport is stdio. Configuration should therefore be handled by an MCP client that can launch a local stdio server; the repository’s MCP package documentation is the authoritative source for the exact launch details.

The repository build process generates the MCP snapshot alongside other project outputs. If the snapshot is rebuilt from updated Storybook content, the server can expose that generated documentation rather than the older copy.

Tools and capabilities

Use docs-list when an agent needs to discover the documentation entries available in the local snapshot. Use docs-show to read a selected documentation item, and docs-show-story when the required material is a Storybook story or component example.

These tools are focused on retrieval. The server should therefore be evaluated as a read-only documentation interface for the Conciso Design System.

Limitations and notes

The @conciso/design-system-mcp MCP server serves a bundled Storybook snapshot and does not access the network. Documentation can become stale when the design system changes unless the snapshot is regenerated and the server package is updated.

The server provides documentation access, not the design system itself. CSS assets, Angular components, tokens, fonts, icons, and brand assets remain separate parts of the repository or its packages. The repository describes the design system as framework-agnostic CSS with optional Vanilla JS, while Angular consumers use a separate package.

The project is listed in the Developer Tools category. Its MIT repository license applies to the project, with the source README noting separate notices for brand assets, fonts, and icons.

Read the full README View source on GitHub

Reviews

No reviews yet — be the first to share how it worked for you.

Frequently Asked Questions about Design System MCP

@conciso/design-system-mcp is an MCP server that connects AI assistants to a bundled Storybook snapshot of the Conciso Design System. Its main tools are docs-list for discovering entries, docs-show for reading documentation, and docs-show-story for retrieving Storybook stories over stdio without network access.

Use the setup instructions in the repository’s `packages/mcp/README.md` to configure the stdio server in an MCP-compatible client.

Yes, Cursor can use it when configured to launch stdio MCP servers. Add the server using the launch details from `packages/mcp/README.md`; the server then exposes its documentation tools through the client.

No, it reads from a bundled Storybook snapshot and does not access the network at runtime. Its results depend on the version of the snapshot included with the server.

Related MCP servers

All in Developer Tools All alternatives
Add a badge to your READMEShow it’s listed — live SVG, Markdown or HTML.

AllMCPs Directory Badge

Full Badge Customizer

Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.

Badge Style:
Live Dynamic SVG PreviewDesign System MCP AllMCPs Directory Badge
Markdown (GitHub README)
[![AllMCPs](https://allmcps.com/api/badge/conciso-design-system-mcp?style=directory)](https://allmcps.com/mcp/conciso-design-system-mcp)
HTML Embed
<a href="https://allmcps.com/mcp/conciso-design-system-mcp"><img src="https://allmcps.com/api/badge/conciso-design-system-mcp?style=directory" alt="Design System MCP on AllMCPs" /></a>