pglevy/design-system-server
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
list-categories
Lists all available design system categories
list-components
Lists all components in a specific category
get-component-details
Gets detailed information about a specific component
search-design-system
Searches across all components by keyword