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
Name | Required | Description | Default |
---|---|---|---|
cssUrl | Yes | URL of CSS file to analyze. IMPORTANT: Tool returns only design tokens by default (not CSS content) to avoid response size limits. | |
extractTokens | No | Extract design tokens (colors, spacing, typography, etc.). Default: true. This is the main purpose of this tool. | |
includeFullCSS | No | OPTIONAL: Set to true ONLY if you need the actual CSS content. WARNING: Large CSS files may hit token limits. Default: false (recommended). | |
maxContentSize | No | OPTIONAL: Max CSS content characters when includeFullCSS=true. Default: 10000. Larger files will be truncated. |