MCP Libraries
mcp-design-system-extractorTools Reference

get_external_css

Fetch and analyze CSS files for design tokens

get_external_css

Fetches and analyzes external CSS files to extract design tokens and variables.

Token-Optimized: Returns ONLY design tokens by default to avoid response size limits.

Parameters

ParameterTypeRequiredDescription
cssUrlstringYesURL to the CSS file
extractTokensbooleanNoExtract tokens (default: true)
includeFullCSSbooleanNoInclude full CSS content (default: false)
maxContentSizenumberNoMaximum content size in characters

Example

{
  "tool": "get_external_css",
  "arguments": {
    "cssUrl": "https://my-storybook.com/assets/main.css"
  }
}

Include Full CSS (Use Carefully)

{
  "tool": "get_external_css",
  "arguments": {
    "cssUrl": "./assets/tokens.css",
    "includeFullCSS": true,
    "maxContentSize": 10000
  }
}

Token Categories

  • Colors
  • Spacing
  • Typography
  • Shadows
  • Breakpoints

Security

Only accepts URLs from the same domain as your Storybook instance.

On this page