CSS Specificity Analyzer

Analyze CSS files for specificity issues, detect conflicts between rules, and suggest concrete improvements. Conservative approach: report and suggest, never auto-apply changes.

Workflow

1. Locate .css files in the project using Glob (**/*.css)
2. Run the analyzer script on discovered files:

   python3 <skill_dir>/scripts/css_specificity_analyzer.py <file_or_dir> --json
   

3. Parse the JSON output
4. Present findings grouped by severity (errors first, then warnings)
5. For each issue, show the selector, line number, current specificity, and a concrete suggestion
6. Wait for user approval before applying any changes

Running the Analyzer