css-var-analyzer

Official

Audit PatternFly CSS variables across SCSS.

Authorpatternfly
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Audit PatternFly SCSS CSS variables to identify misuses, redefinitions, and naming issues that can cause styling drift and maintenance challenges.

Core Features & Use Cases

  • Variable usage analysis and redefinition tracing across PatternFly components
  • Undefined and unused variable detection with contextual details and chains
  • Naming convention validation for SCSS interpolations (e.g., --#{$var} and --pf-v6- patterns)

Quick Start

Analyze PatternFly SCSS CSS variables against code to produce a Markdown report.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: css-var-analyzer
Download link: https://github.com/patternfly/ai-helpers/archive/main.zip#css-var-analyzer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.