MCP For Claude Marketplace
Tailwind v4 Theme Variable Extractor

Tailwind v4 Theme Variable Extractor MCP Connector for Claude

A+

Extracts CSS variables from Tailwind v4 @theme blocks.

1 tools Official Updated Oct 1, 2026 Official Vinkius Partner
More Details Connect to Claude

This MCP server provides a specialized engine for parsing Tailwind CSS v4 configuration. It isolates the @theme block within your CSS and extracts all defined CSS variables, such as --color-primary or --spacing-sm. By using the extract_tailwind_variables tool, you can instantly retrieve a structured list of variables categorized by type, including colors, spacing, and fonts. This is essential for agents working with modern Tailwind v4 projects where configuration has moved from JavaScript to CSS.

tailwindcssparsingvariablesautomation

1 tools expose this connector's capabilities to your AI agent.

extract_tailwind_variables

The tool will isolate the block and return all extracted variables, their count, and the categories found. Extracts CSS variables from a Tailwind v04 @theme block

See how to talk to your AI agent using Tailwind v4 Theme Variable Extractor.

Extract variables from this CSS: @theme { --color-primary: #000; --spacing-md: 1rem; }

{ "extractedVariables": {"--color-primary": "#000", "--spacing-md": "1rem"}, "totalCount": 2, "categoriesFound": ["color", "spacing"] }

What variables are in this @theme block?

The extracted variables include --color-primary, --spacing-md, and --font-sans.

Can you find all color variables in my CSS?

I found 3 color variables: --color-red-500, --color-blue-500, and --color-green-500.

It parses a CSS string to find the @theme block and extracts all variables like --color-blue-500.

Related Connectors

Markdown Code Block Extractor

Markdown Code Block Extractor MCP

3 tools Official

Extracts exact code blocks from LLM markdown responses.

A+ View details →
Structured Output Extractor

Structured Output Extractor MCP

3 tools Official

Recover structured data from malformed LLM responses using deterministic regex.

A+ View details →
CSS Selector Specificity Calculator

CSS Selector Specificity Calculator MCP

3 tools Official

Calculate exact CSS specificity scores and compare selector priority.

A+ View details →
CSS Grid Template Area Validator

CSS Grid Template Area Validator MCP

1 tools Official

Validates CSS Grid template-areas strings for exact rectangularity and area integrity.

A+ View details →