tailwind-context-resolver-mcp
Provides tools for querying resolved Tailwind CSS theme tokens, validating class names against the project's actual config, detecting CSS conflicts, and summarizing the design system.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@tailwind-context-resolver-mcpWhat custom colors are in our Tailwind theme?"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
tailwind-context-resolver-mcp 🎨🐸
An MCP server that loads your project's tailwind.config.ts/js and exposes its actual design system to AI agents — so they stop hallucinating class names.
🤔 The Problem
AI agents generate Tailwind classes based on training data — the default Tailwind docs. Your project is not the default docs.
You have a custom color palette. A non-standard spacing scale. Maybe a prefix like tw-. Brand tokens like bg-brand-primary. The agent doesn't know any of this. It guesses.
The result:
// Agent confidently generates this:
<div className="bg-primary-500 text-brand p-18 tw-flex-center">
// Your project has:
// - bg-brand-primary (not bg-primary-500)
// - no "text-brand" token
// - spacing.18 = 4.5rem (ok actually)
// - no "flex-center" utility
// - no "tw-" prefixThe agent can't validate what it writes because it has no access to your resolved config. It's working from memory of the default theme — not yours.
Related MCP server: Optics MCP Server
✅ The Fix
This MCP server runs the Tailwind resolver locally and gives agents a typed, queryable interface to your actual config. Before writing a component, the agent can ask:
"What brand colors exist in this project?"
"Is
p-18a valid spacing value here?""Does this project use a custom prefix?"
"Is
bg-brand-primary flex grida valid class string?"
🛠️ Tools
resolve_theme_tokens
Query any namespace in the resolved Tailwind theme. Returns all design tokens as flat key-value pairs.
namespace: "colors.brand" → { primary: "#3b82f6", secondary: "#8b5cf6", danger: "#ef4444" }
namespace: "spacing" → { "1": "0.25rem", "2": "0.5rem", "18": "4.5rem", ... }
namespace: "fontFamily" → { sans: ["Inter", "sans-serif"], mono: [...] }Use before generating components to discover what tokens actually exist.
validate_class_string
Validates a Tailwind className string against the project's resolved config. Returns valid classes, invalid (hallucinated) classes, and conflict warnings.
{
"valid_classes": ["bg-brand-primary", "text-white", "p-4", "hover:bg-brand-secondary", "flex"],
"invalid_classes": ["bg-fake-token", "text-brand"],
"warnings": ["Conflicting multiple layout models: flex, grid"],
"config_prefix": ""
}Use to catch hallucinated design tokens before writing code.
detect_css_conflicts
Detects conflicting Tailwind utilities — e.g. flex + grid, or absolute + fixed on the same element.
{
"conflicts": [{ "classes": ["flex", "grid"], "reason": "multiple layout models" }],
"has_conflicts": true
}get_config_summary
Returns a compact overview: Tailwind version, prefix, which theme sections are customized, active plugins.
{
"tailwind_version": "3.4.19",
"prefix": "",
"theme_extensions": ["colors", "spacing", "fontFamily"],
"total_colors": 142,
"total_spacing": 34,
"plugins": ["@tailwindcss/forms"]
}Use first to understand the project's design system before querying specific tokens.
🚀 Setup
Claude Desktop
Add to your claude_desktop_config.json:
{
"mcpServers": {
"tailwind-context-resolver": {
"command": "npx",
"args": ["-y", "tailwind-context-resolver-mcp"]
}
}
}Cursor / VS Code / Any MCP client
{
"tailwind-context-resolver": {
"command": "npx",
"args": ["-y", "tailwind-context-resolver-mcp"]
}
}📋 Requirements
Tailwind CSS v3 — v4 uses a CSS-based config format and is not supported (the server will tell you clearly)
Node.js 18+
A
tailwind.config.jsortailwind.config.tsin your project
🔧 How It Works
The server uses the same config loading strategy as the Tailwind CLI:
jitiloads yourtailwind.config.tsat runtime — nots-noderequiredtailwindcss/resolveConfigmerges your config with Tailwind defaults to produce the full resolved themeTools perform token-based class validation — checking that
bg-brand-primarymaps to an actualcolors.brand.primarytoken — without running the full PostCSS/JIT pipeline
This approach is fast, stable, and works with any Tailwind v3 project without additional configuration.
📖 Agent Workflow Example
1. get_config_summary → understand the project's design system
2. resolve_theme_tokens → query specific namespaces before writing classes
(namespace: "colors.brand", "spacing")
3. validate_class_string → validate the className string before committing it
4. detect_css_conflicts → final sanity check for conflicting utilities🐸 Part of the MCP Toolbelt
Built alongside:
playwright-network-chaos-mcp — network fault injection for Playwright tests
v8-cpu-profile-decoder-mcp — V8 CPU profile analysis for AI agents
License
MIT
Available Tools
7 toolsaudit_theme_usageA
Identifies dead design tokens by scanning the project files. Checks each CSS custom property defined in @theme blocks to see if it is referenced anywhere in the source code.
| Name | Required | Description | Default |
|---|---|---|---|
| css_path | Yes | Absolute path to the CSS file containing the @theme blocks | |
| scan_dirs | No | Optional array of subdirectories to scan (defaults to ["src"]) | |
| project_root | Yes | Absolute path to the project root directory |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description carries the full burden of disclosure. It explains the scanning and reference-checking behavior, which implies a non-mutating audit. However, it does not state what the tool returns, whether any files are modified, or if there are performance implications.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Two concise sentences that front-load the core purpose and then provide methodological detail. No wasted words.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
The description covers the tool's purpose and method adequately, but without an output schema or annotations, it omits what the user receives (list? count?). This leaves the description slightly incomplete for an agent to fully anticipate the tool's behavior.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The schema already provides 100% descriptive coverage for all three parameters. The description adds context about '@theme blocks' and 'source code' but does not clarify scan_dirs behavior or expected output, so it adds little beyond the baseline.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool identifies dead design tokens, with a specific verb and resource. It explains the method (scanning CSS custom properties in @theme blocks) and distinguishes itself from sibling tools like resolve_theme_tokens and detect_css_conflicts.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description clearly implies when to use the tool: when checking for unused design tokens. It doesn't explicitly name alternatives or when-not-to-use cases, but the context is strong enough that an agent would know when to select it over related theme tools.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
detect_css_conflictsA
Detects conflicting Tailwind utility classes in a className string — e.g. applying both 'flex' and 'grid', or multiple position utilities. Use to prevent silent CSS bugs before generating or reviewing component code.
| Name | Required | Description | Default |
|---|---|---|---|
| config_path | Yes | Absolute path to tailwind.config.js or tailwind.config.ts | |
| class_string | Yes | Space-separated Tailwind class string to check for conflicts |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations provided, the description carries the full burden of behavioral disclosure. It explains the core detection action and provides examples, but it does not disclose details such as reliance on the Tailwind config file, return format, or error behavior. This is a moderate disclosure gap for a tool without annotations.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is two sentences, front-loaded with the primary action, and includes an example plus a clear use case. Every sentence earns its place with no redundancy or filler.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given that there is no output schema and no annotations, the description is somewhat incomplete. It explains the purpose and input but does not describe what the tool returns (e.g., a list of conflicts) or how conflicts are determined beyond the examples. This is a notable gap for a detection tool, but the purpose is clear enough for basic use.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The input schema already provides 100% coverage of both parameters with clear descriptions, so baseline is 3. The tool description does not add meaningful parameter-level detail beyond what the schema states, though the examples ('flex' and 'grid') give a sense of expected class_string values.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool's function with a specific verb ('detects'), a specific resource ('conflicting Tailwind utility classes'), and provides concrete examples ('flex' and 'grid'). This distinguishes it from sibling tools like validate_class_string, which likely validates validity rather than conflict detection.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description gives clear context on when to use the tool: 'Use to prevent silent CSS bugs before generating or reviewing component code.' However, it does not explicitly mention when not to use it or compare it to alternatives, so it stops short of a 5.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
get_config_summaryA
Returns a compact overview of the project's Tailwind configuration: version, prefix, which theme sections have been customized, and what plugins are active. Use first to understand the project's design system before querying specific tokens.
| Name | Required | Description | Default |
|---|---|---|---|
| config_path | Yes | Absolute path to tailwind.config.js or tailwind.config.ts |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description carries the full burden of explaining side effects, safety, and error behavior. It only states what is returned and provides no information about permissions, failure modes, or whether the operation is read-only.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Two sentences: the first delivers the core purpose with specific output contents, the second gives a usage recommendation. Every word earns its place.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
The tool is simple with one well-documented param and no output schema. The description covers the purpose and usage position well. It could mention error handling or behavior when config_path is invalid, but for a summary tool the description is adequate.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The schema fully describes the single parameter (config_path) with an absolute path requirement. The description adds no additional parameter meaning, but schema coverage is 100%, so the baseline of 3 is appropriate.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool returns a compact overview of the Tailwind configuration, listing specific elements (version, prefix, theme sections, plugins). This distinguishes it from sibling tools that focus on resolving variables, auditing usage, or detecting conflicts.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides explicit guidance to use this tool first to understand the design system before querying specific tokens. It doesn't explicitly name alternatives or exclusions, but the 'use first' instruction gives clear contextual guidance.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
resolve_theme_tokensA
Queries the resolved Tailwind CSS theme for a specific namespace and returns all design tokens. Use before generating components to discover what colors, spacing, or font values actually exist in this project. Example namespaces: 'colors', 'colors.brand', 'spacing', 'fontFamily', 'fontSize', 'screens'.
| Name | Required | Description | Default |
|---|---|---|---|
| filter | No | Optional substring filter on token names | |
| namespace | Yes | Dot-path into the theme (e.g. 'colors', 'colors.brand', 'spacing') | |
| config_path | Yes | Absolute path to tailwind.config.js or tailwind.config.ts |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description carries the burden of disclosing behavior. 'Queries' and 'returns all design tokens' imply a read-only operation with an output, which is appropriate for a simple lookup tool. It stops short of explicitly stating no side effects or mentioning error behavior, but the non-mutating nature is reasonably clear.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Two sentences, front-loaded with purpose, then use case, then examples. Every sentence contributes meaning without unnecessary repetition or fluff.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
The description explains the tool's core purpose and gives examples, but there is no output schema and the description does not describe the return structure. The sibling tool resolve_v4_theme_variables suggests a possible version distinction (v3 vs v4) that is not addressed, leaving some ambiguity about which Tailwind versions are supported.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100%, so baseline is 3. The description adds value by providing concrete namespace examples ('colors', 'colors.brand', 'spacing') and clarifies that namespace is a 'dot-path,' which helps the agent understand the parameter semantics beyond the schema.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description opens with a specific verb and resource: 'Queries the resolved Tailwind CSS theme for a specific namespace and returns all design tokens.' It clearly identifies what the tool does and differentiates it from siblings like get_config_summary by focusing on resolved token values for a named namespace.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
Provides explicit usage context: 'Use before generating components to discover what colors, spacing, or font values actually exist in this project.' This is clear guidance on when to invoke the tool, though it does not mention when not to use it or name alternatives.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
resolve_v4_theme_variablesA
Parses the project's root CSS file (Tailwind CSS v4) and extracts all design tokens defined in @theme blocks. Returns a flat map of CSS custom properties (e.g., --color-primary-500 -> oklch(...)).
| Name | Required | Description | Default |
|---|---|---|---|
| css_path | Yes | Absolute path to the CSS file containing the @theme or @import "tailwindcss" directives |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description carries the full burden. It transparently discloses the parse-extract-return behavior and gives an output example, which is adequate for a read-only operation. However, it does not mention edge cases like missing files or multiple @theme blocks, so it's not exhaustive.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is two sentences, direct, and front-loaded with the action verb. Every word earns its place, and the output example is concise.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given a single parameter and no output schema, the description adequately covers purpose, input, and output format with a concrete example. It lacks error-handling details but is sufficient for a simple, read-only parsing tool.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The schema already describes the css_path parameter with 100% coverage, so baseline is 3. The description adds the qualifier 'project's root CSS file', which narrows the intended path beyond the schema's generic 'CSS file'. This extra context enhances parameter understanding.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool parses the project's root CSS file (Tailwind CSS v4) and extracts design tokens from @theme blocks, with a concrete example of the output format. This specific verb+resource combination distinguishes it from the generic sibling 'resolve_theme_tokens'.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description implies usage context (Tailwind v4, @theme blocks) but does not explicitly differentiate from alternatives like 'resolve_theme_tokens' or state when not to use this tool. No when/when-not guidance is provided.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
simulate_jit_compilationA
Validates Tailwind utility classes against the JIT engine by programmatically compiling them. Supports complex arbitrary values, JIT modifiers, and custom plugin classes. Returns the generated CSS rules.
| Name | Required | Description | Default |
|---|---|---|---|
| css_path | No | Optional path to the project's CSS entry file (for Tailwind v4 custom theme styles) | |
| config_path | No | Optional path to tailwind.config.js/ts (for Tailwind v3 custom configs) | |
| class_string | Yes | Space-separated Tailwind class string to compile |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description must carry the full burden. It discloses that compilation occurs and that generated CSS rules are returned, but it does not address failure modes, side effects, file existence requirements, or whether the operation is non-mutating. The 'Validates' wording hints at a safe read-only behavior, but this is not confirmed.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is three sentences, front-loaded with the core action, followed by supported features and return value. No unnecessary words or repetition. It is concise and well-structured.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
The description covers purpose, supported cases, and return value. Since there is no output schema, the explicit mention of generated CSS rules is helpful. It does not address edge cases or error handling, but for a 3-parameter tool with fully documented schema, it is sufficiently complete.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100% with descriptions for all three parameters. The description adds context about supported features (arbitrary values, JIT modifiers, custom plugin classes) but does not add per-parameter semantics beyond what the schema already provides. Therefore, baseline 3 is appropriate.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description uses a specific verb 'Validates' and 'compiling' with a clear resource ('Tailwind utility classes against the JIT engine'). It distinguishes from sibling validate_class_string by emphasizing programmatic compilation and the generation of CSS rules, making its unique role clear.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description implies usage for validating and compiling Tailwind classes but does not explicitly state when to prefer it over alternatives like validate_class_string or when not to use it. No exclusions or alternate tool references are provided, so guidance is only implicit.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
validate_class_stringA
Validates a Tailwind CSS className string against the project's actual config. Returns valid_classes, invalid_classes (hallucinated tokens), possibly_valid_classes (plugin-generated — cannot verify without PostCSS), and conflict warnings. Handles variants (hover:, dark:, lg:), important (!), opacity modifiers (/50), negative values (-mt-4), and arbitrary values ([32rem]). Use to catch hallucinated design tokens before writing code.
| Name | Required | Description | Default |
|---|---|---|---|
| config_path | Yes | Absolute path to tailwind.config.js or tailwind.config.ts | |
| class_string | Yes | Space-separated Tailwind class string to validate |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations provided, the description carries the full burden and does exceptionally well. It details the return structure (valid/invalid/possibly_valid classes, conflict warnings), discloses the limitation that plugin-generated classes cannot be verified without PostCSS, and lists supported syntax (variants, important, opacity modifiers, negative values, arbitrary values). This is comprehensive behavioral disclosure.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is two sentences with zero filler. The first sentence packs functionality, output categories, and supported syntax; the second sentence gives a clear directive. Every phrase contributes, and the structure is front-loaded with the core verb and resource.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Despite lacking an output schema, the description explains the return values and limitations, covers a wide range of class syntax edge cases, and gives a concrete usage scenario. It is complete for a validation tool of this complexity, and no critical behavioral detail appears to be missing.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100% for both parameters, so the baseline is 3. The description adds value by explaining the accepted syntax for class_string (variants, important, opacity modifiers, negative values, arbitrary values), which goes beyond the schema's simple 'space-separated' definition. It does not add meaning to config_path, but the overall parameter semantics are enhanced.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool validates a Tailwind CSS className string against the project's config, and it distinguishes itself from sibling tools by focusing on class string validation rather than config summaries or theme resolution. It also enumerates specific outputs (valid_classes, invalid_classes, possibly_valid_classes, conflict warnings), making the purpose unmistakable.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
It explicitly gives a use case: 'Use to catch hallucinated design tokens before writing code.' This provides clear when-to-use context, but it does not explicitly mention when not to use it or direct users to alternatives, which is a minor omission given the single-purpose nature of the tool.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections. Dates show when Glama detected each change.
7 tool updates
v0.2.0- First observed
audit_theme_usage - First observed
detect_css_conflicts - First observed
get_config_summary - First observed
resolve_theme_tokens - First observed
resolve_v4_theme_variables - First observed
simulate_jit_compilation - First observed
validate_class_string
TDQS
Each tool targets a distinct aspect of Tailwind CSS context: config overview, theme variable extraction, dead-token auditing, class compilation simulation, theme token querying, class string validation, and conflict detection. There is no meaningful overlap; even the two token-related tools are clearly differentiated by their source (CSS @theme vs resolved theme).
All tool names follow a consistent verb_noun pattern using lowercase with underscores (get_, resolve_, audit_, simulate_, validate_, detect_). Though the verbs differ, they accurately reflect the unique action each tool performs, and the pattern is uniform throughout.
Seven tools is well within the ideal range and each tool directly serves the server's purpose of resolving and validating Tailwind CSS context. No redundant tools and no missing essential operations for a read-only context resolver.
The toolset covers the full lifecycle of working with Tailwind design tokens and classes: config summary, theme token extraction and querying, dead-token auditing, class validation, conflict detection, and JIT simulation. There are no obvious gaps; it handles both Tailwind v3/v4 scenarios and provides actionable checks for developers.
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Connectors
Serves your design system and coding standards to coding agents, so they stop guessing.
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
Find best-fit tools for any problem, vetted for prompt-injection risk before your agent trusts them
- VibeSEOOAuthdev.vibeseo
SEO research, audits, backlinks, GSC, and content workflow tools for AI agents.
Related MCP Servers
- AlicenseNot gradedqualityDmaintenanceProvides AI assistants with access to a production-ready design system including Tailwind CSS component patterns, style guides (colors, typography, spacing), and Web Components specifications for consistent UI development.19MIT
- AlicenseBqualityCmaintenanceEnables LLMs to work with the Optics Design System, providing access to 83 design tokens (HSL-based colors, spacing, typography), 24 components with dependencies, and tools for theme generation, accessibility checking, and code scaffolding.15151MIT
- AlicenseBqualityFmaintenanceProvides comprehensive tools for TailwindCSS development including utility class retrieval, CSS-to-Tailwind conversion, and color palette generation. It enables AI assistants to search documentation, generate component templates, and provide framework-specific installation guides.81,36839MIT
- FlicenseAqualityDmaintenanceProvides AI assistants with direct access to shadcn/ui components and blocks, enabling real-time fetching of component source code, documentation, and implementation examples.4304-
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/vola-trebla/tailwind-context-resolver-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server