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

Use CSS Class Analyzer with your AI.

Connect your account once and let the AI you already use work with it, without building another integration. Identify orphaned, missing, or colliding CSS classes in your project.

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 · 3 capabilities

The complete CSS Class Analyzer capability set.

These are the exact actions your AI can choose when you ask it to work with CSS Class Analyzer.

Capability set01 / 01

01-03

3 capabilities in this set.

Part of 3 available through CSS Class Analyzer.

  1. 01

    Find css collisions

    Css/.scss files in the project root to identify if the same class name is defined in multiple places. Detects duplicate class definitions across different CSS files

  2. 02

    Find broken references

    Html/.jsx/.tsx files and checks if each class has a corresponding definition in .css/.scss files. Identifies class names used in HTML/JSX that lack CSS definitions

  3. 03

    Find orphaned classes

    Css/.scss files and compares them against usage in .html/.jsx/.tsx files. Identifies CSS classes that are declared but never used

Observed, not estimated

613ms average. Fast in production.

CSS Class Analyzer is checked daily against the live service.

Daily averagePeak 845ms
Aug 23Today
Fastest day
509ms
Slowest day
845ms
14-day trend
Improving-20%

Connect your client

One URL. Every client.

Activate the Connector, copy your link, and paste it into the client you already use. 3 capabilities arrive 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 CSS Class Analyzer, so you can see the experience inside your AI.

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

CSS Class Analyzer Connector

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

Connector linkhttps://edge.vinkius.com/vk_preview_OYwWCxiZcsL8SkR10b7YdhePlJhhgJlh1dSMIpvx/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 — CSS Class Analyzer capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopy
{
  "mcpServers": {
    "css-class-usage-collision-analyzer-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_OYwWCxiZcsL8SkR10b7YdhePlJhhgJlh1dSMIpvx/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 CSS Class Analyzer owners ask.

  • 01

    What does find_orphaned_classes do?

    It identifies CSS classes that are declared in your stylesheets but have no corresponding usage in your HTML or JSX files.

  • 02

    How can I detect broken class references?

    Use the find_broken_references capability to find class names used in your components that do not exist in any scanned stylesheet.

  • 03

    Can this capability detect duplicate CSS definitions?

    Yes, the find_css_collisions capability detects when the same class name is defined in multiple different CSS or SCSS files.

Explore

More in Development

Suggestions