pf-analyze-modifiers

Analyze SCSS files to count and validate PatternFly pf-m-* modifiers.

10|26|Updated Jul 8, 2025
One-click install
npx skills add https://github.com/patternfly/ai-helpers --skill pf-analyze-modifiers
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pf-analyze-modifiers
Source: https://github.com/patternfly/ai-helpers/tree/main/plugins/design-foundations/skills/pf-analyze-modifiers
Command: npx skills add https://github.com/patternfly/ai-helpers --skill pf-analyze-modifiers

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Quickly identify and document PatternFly modifiers (pf-m-*) used across a codebase to improve CSS consistency and maintainability.

Core Features & Use Cases

  • Discover and summarize pf-m-* classes across components and SCSS files.
  • Generate usage reports with top modifiers, per-component mappings, and recommended cleanups.
  • Use cases include auditing modifier coverage, refactoring CSS, and validating design-system conformance.

Quick Start

Analyze your project to produce a modifiers usage report for the PatternFly components.

Frequently Asked Questions about pf-analyze-modifiers

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit PatternFly modifier usage across my SCSS codebase?▼

To audit PatternFly modifiers, analyze your SCSS codebase to discover pf-m-* classes, count usage frequencies, and validate design-system conformance. This generates Markdown reports with per-component statistics and global modifier mappings.

Can I scope PatternFly CSS analysis to a single component or directory?▼

Yes, you can scope PatternFly CSS analysis to a single component or directory to generate targeted reports. By default the analysis applies to all components project-wide, but optional scoping narrows the modifier audit to specific source code locations.

What is the best way to document PatternFly pf-m-* classes for CSS consistency?▼

The best way to document PatternFly pf-m-* classes for CSS consistency is to run a codebase analysis that produces Markdown reports. These reports summarize per-component mappings, global modifier statistics, and recommended cleanups to improve maintainability.

How do I validate PatternFly design-system conformance in my source code?▼

You validate PatternFly design-system conformance by analyzing your source code to identify pf-m-* modifiers and check consistency across SCSS files. This audits modifier coverage and highlights deviations from standard PatternFly classes.

Do I need specific dependencies to analyze PatternFly modifiers in my project?▼

No specific dependencies are required to analyze PatternFly modifiers in your project. The analysis operates directly on your project's SCSS files and source code to identify pf-m-* classes and generate usage reports without external tooling.