Design System Analyzer
Analyzes React component files and design tokens to provide accurate component properties and styling information for precise UI c
A design system MCP server that provides tools for retrieving component properties and design tokens from a React-based UI library. The server uses ts-morph to analyze TypeScript component files and extract prop information, while also accessing JSON token files that define colors, typography, spacing, and border radius values. This implementation enables AI assistants to understand the structure of UI components and available design tokens, facilitating more accurate code generation and design recommendations when working with this component library.
Source
Repository: https://github.com/yajihum/design-system-mcp
Maintain Design System Analyzer?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[Design System Analyzer on getagentictools](https://getagentictools.com/mcp/yajihum-design-system-mcp?ref=badge)