Download PDFMarkdown Version
ClaudeChatGPTPerplexityGeminiMicrosoft CopilotRaycastMeta AIGrokZ.aiQwenKimi
DeepSeekMistralCursorVS CodeWindsurfJetBrainsClineLovableVercel AI SDKLangChain

Use Tailwind v4 Extractor with your AI.

Connect your account once and let the AI you already use work with it, without building another integration. Extracts CSS variables from Tailwind v4 @theme blocks.

Included with plan

Ask AI about this Connector

Developed, maintained, and hosted by Vinkius.

MCP VERIFIED · PRODUCTION READY · VINKIUS GUARANTEED

Waiting for input…

Works with modern AI clients that support MCP, including ChatGPT, Claude, Cursor, and more.

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

Complete set · 1 capability

The complete Tailwind v4 Extractor capability set.

These are the exact actions your AI can choose when you ask it to work with Tailwind v4 Extractor.

Capability set01 / 01

01

1 capability in this set.

Part of 1 available through Tailwind v4 Extractor.

  1. 01

    Extract tailwind variables

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

Observed, not estimated

520ms average. Fast in production.

Tailwind v4 Extractor is checked daily against the live service.

Daily averagePeak 610ms
Aug 24Today
Fastest day
464ms
Slowest day
610ms
14-day trend
Improving-18%

Connect your client

One URL. Every client.

Activate the Connector, copy your link, and paste it into the client you already use. 1 capability arrives ready to run.

Preview access · not provider authentication

The vk_preview_* token belongs to Vinkius preview infrastructure. It lets Claude discover and display the capabilities of Tailwind v4 Extractor, so you can see the experience inside your AI.

It does not authenticate your account with Tailwind v4 Extractor. Actions requiring credentials or live account data may not run until you activate the Connector and authorize the service.

Tailwind v4 Extractor Connector

You're all set. Choose your MCP client and follow the setup instructions.

Connector linkhttps://edge.vinkius.com/vk_preview_vDGzl1ymBCIIc1rQbAQKUm8PBWt3xt6PYxMpNsr8/mcp

Claude Desktop

Follow the steps below to connect in seconds.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Tailwind v4 Extractor capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopy
{
  "mcpServers": {
    "tailwind-v4-theme-variable-extractor-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_vDGzl1ymBCIIc1rQbAQKUm8PBWt3xt6PYxMpNsr8/mcp"
    }
  }
}
  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Step-by-step instructions for each client are in the guide. How to connect

FAQ

Questions Tailwind v4 Extractor owners ask.

  • 01

    What does this capability do?

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

  • 02

    Does it support Tailwind v3?

    No, this capability is specifically designed for the new @theme block syntax introduced in Tailwind CSS v4.

  • 03

    How can I use it with Cursor or Claude Desktop?

    You can connect via Vinkius Edge using your personal Connection Token. Once connected, you can simply ask the agent to extract variables from a CSS snippet.

Explore

More in Developer Tools

Suggestions