Skip to main content
Glama

MCP Design System Extractor

get_external_css

Extract design tokens like colors, spacing, and typography from CSS files while avoiding response size limits. Optionally include full CSS content for detailed analysis. Ideal for design system token extraction and optimization.

Instructions

Extract design tokens from CSS files. DEFAULT BEHAVIOR: Returns ONLY tokens and file statistics (small response ~1-3K tokens). Does NOT return CSS content by default to avoid token limits. For full CSS content, explicitly set includeFullCSS=true and maxContentSize. Perfect for analyzing design system tokens without hitting response size limits.

Input Schema

NameRequiredDescriptionDefault
cssUrlYesURL of CSS file to analyze. IMPORTANT: Tool returns only design tokens by default (not CSS content) to avoid response size limits.
extractTokensNoExtract design tokens (colors, spacing, typography, etc.). Default: true. This is the main purpose of this tool.
includeFullCSSNoOPTIONAL: Set to true ONLY if you need the actual CSS content. WARNING: Large CSS files may hit token limits. Default: false (recommended).
maxContentSizeNoOPTIONAL: Max CSS content characters when includeFullCSS=true. Default: 10000. Larger files will be truncated.

Input Schema (JSON Schema)

{ "properties": { "cssUrl": { "description": "URL of CSS file to analyze. IMPORTANT: Tool returns only design tokens by default (not CSS content) to avoid response size limits.", "type": "string" }, "extractTokens": { "description": "Extract design tokens (colors, spacing, typography, etc.). Default: true. This is the main purpose of this tool.", "type": "boolean" }, "includeFullCSS": { "description": "OPTIONAL: Set to true ONLY if you need the actual CSS content. WARNING: Large CSS files may hit token limits. Default: false (recommended).", "type": "boolean" }, "maxContentSize": { "description": "OPTIONAL: Max CSS content characters when includeFullCSS=true. Default: 10000. Larger files will be truncated.", "type": "number" } }, "required": [ "cssUrl" ], "type": "object" }
Install Server

Other Tools from MCP Design System Extractor

Related Tools

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/freema/mcp-design-system-extractor'

If you have feedback or need assistance with the MCP directory API, please join our Discord server