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.