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
| Parameter | Type | Required | Description |
|---|---|---|---|
cssUrl | string | Yes | URL to the CSS file |
extractTokens | boolean | No | Extract tokens (default: true) |
includeFullCSS | boolean | No | Include full CSS content (default: false) |
maxContentSize | number | No | Maximum content size in characters |
Example
Extract Tokens Only (Recommended)
{
"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.