design-system-server

pglevy/design-system-server

3.3

If you are the rightful owner of design-system-server and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.

This is a Model Context Protocol (MCP) server designed to provide access to design system documentation through GitHub repositories, enabling LLMs like Claude to query and explore design system components, layouts, and patterns.

The Design System MCP Server is a specialized server that facilitates the exploration and querying of design system documentation stored in GitHub repositories. It is particularly useful for large language models (LLMs) such as Claude, allowing them to access detailed information about design system components, layouts, and patterns. By leveraging the power of GitHub, this server provides a structured way to browse categories, list components, and retrieve detailed component information, including guidance and code examples. The server also supports keyword-based searches across all components, making it a versatile tool for developers and designers looking to integrate or reference design system elements in their projects. With a straightforward installation process and compatibility with Claude Desktop, the server is designed to be easily set up and used across different platforms.

Features

  • Browse design system categories (components, layouts, patterns)
  • List components within a category
  • Get detailed component information including guidance and code examples
  • Search across all components by keyword

Usages

usage with Claude Desktop

{
    "mcpServers": {
        "design-system": {
            "command": "node",
            "args": [
                "/ABSOLUTE/PATH/TO/design-system-server/build/index.js"
            ]
        }
    }
}

Tools

  1. list-categories

    Lists all available design system categories

  2. list-components

    Lists all components in a specific category

  3. get-component-details

    Gets detailed information about a specific component

  4. search-design-system

    Searches across all components by keyword