ejwhite7/brandkit-mcp

What it does

Brandkit-mcp is an MCP (Model Context Protocol) server that makes a company's complete design system accessible to AI tools and applications. It exposes design assets including colors, typography, logos, components, guidelines, and CSS tokens through a standardized interface.

The tool automatically parses multiple file formats (CSS, Markdown, PDF, SVG, and font files) to extract and organize design information. It supports different contexts for marketing versus product teams while allowing shared overrides, enabling flexible brand application across use cases.

How to set up

The tool is installed as an MCP server and can be configured to connect with AI platforms like Claude, ChatGPT, and others that support the MCP protocol. Users need to point the server to their design system files and configure context-specific settings for marketing and product applications.

Key features

• Automatic parsing of CSS, Markdown, PDF, SVG, and font files
• Exposes 12+ tools and 16+ resources for design system access
• Context-aware design rules for marketing vs product teams
• CSS token management and extraction
• Support for logos, typography, color systems, and components
• Shared override capabilities across contexts
• Multi-platform compatibility (Claude, ChatGPT, AI Studio, Antigravity)