Loads your project's Tailwind config at runtime and exposes the resolved design system to Claude through four tools: resolve_theme_tokens to query namespaces like colors.brand or spacing, validate_class_string to catch hallucinated utilities before they ship, detect_css_conflicts to flag things like flex and grid on the same element, and get_config_summary for a high level view of customizations and plugins. Uses jiti for TypeScript config loading and tailwindcss/resolveConfig for theme resolution. Stops agents from confidently generating bg-primary-500 when your project actually uses bg-brand-primary. Works with Tailwind v3 projects only since v4 moved to CSS based config.
claude mcp add --transport stdio vola-trebla-tailwind-context-resolver-mcp uvx tailwind-context-resolver-mcp