MCP For Claude Marketplace
CSS Class Usage & Collision Analyzer

CSS Class Usage & Collision Analyzer MCP Connector for Claude

A+

Identify orphaned, missing, or colliding CSS classes in your project.

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

This MCP server provides static analysis for frontend projects to maintain clean and predictable stylesheets. It maps CSS/SCMS class definitions to their usage in HTML/JSX, allowing you to find find_orphaned_classes (defined but unused), find_broken_references (used but undefined), and find_css_collisions (duplicate definitions across files).

cssscssfrontendlintingdebugging

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

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

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

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

See how to talk to your AI agent using CSS Class Usage & Collision Analyzer.

Find all unused CSS classes in /path/to/my-project

The analysis found 3 orphaned classes: .btn-unused, .header-for-old, and .footer-deprecated.

Are there any broken class references in my React project?

Yes, the following classes are used but not defined: .missing-style and .undefined-class.

Check for CSS class collisions in /workspace/app

A collision was detected for class '.card-title' which is defined in both globals.css and component.module.css.

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

Related Connectors

Dependency Coupling Fitness Function

Dependency Coupling Fitness Function MCP

3 tools Official

Enforce clean architecture boundaries by validating dependency directions.

A+ View details →
Circular Code Dependency Detector

Circular Code Dependency Detector MCP

3 tools Official

Identify import cycles and measure module interdependence in JavaScript, TypeScript, and Python projects.

A+ View details →
Test Assertion Density Calculator

Test Assertion Density Calculator MCP

3 tools Official

Measure the ratio of test assertions to test cases to identify ineffective or empty test scaffolding.

A+ View details →
LLM Fine-Tuning Dataset Validator

LLM Fine-Tuning Dataset Validator MCP

5 tools Official

Verify structural integrity, token distribution, and training costs of JSONL datasets.

A+ View details →