PatternFly
Official@patternfly
Created to promote design commonality and improved user experience across enterprise IT products and applications.
Agent Skills by PatternFly
Showing 27 vetted skills indexed across 1 GitHub repositories.
pf-raw-colors-scan
Detect raw HEX, RGB(A), HSL(A), and named colors in CSS/SCSS/LESS files.
pf-class-migration-scanner
Scan codebases for legacy PatternFly classes and generate PF6-safe replacements.
pf-analyze-modifiers
Analyze SCSS files to count and validate PatternFly pf-m-* modifiers.
css-var-analyzer
Analyze PatternFly SCSS CSS custom properties and generate a Markdown report.
pf-token-auditor
Map Figma design tokens to PatternFly 6 tokens across themes.
pf-tokens
Generate PatternFly CSS design tokens and copy them to the repository.
icon-finder
Discover Red Hat Design System icons by use case and preview HTML results.
figma-icon-finder
Identify PatternFly icons in Figma designs and generate React import statements.
pf-compliance-checker
Analyze Figma prototypes for PatternFly v6 conformance and generate an HTML compliance report.
figma-changes
Identify Figma design changes and generate code update checklists.
pf-create-issue
Create GitHub issues across PatternFly repositories with templates and duplicate detection.
summarize-jira-issues
Summarize a user's Jira sprint workload with prioritized recommendations.
pf-bug-triage
Analyze bug issue metadata to generate structured triage summaries with fix suggestions.
duplicate-epic
Clone Jira epics into PatternFly Jira and link duplicates via REST API.
quarterly-initiative-report
Fetch Jira epics and initiatives by label and compile a quarterly Markdown progress report.
semantic-release-troubleshooting
Diagnose semantic-release failures from permission errors, squashed commits, and tag conflicts.
pf-org-version-update
Resolve PatternFly versions and update package.json and versions.json files.
analytics-repo-pruning
Classify PatternFly Analytics repositories as archived, stale, or active using git activity signals.
summarize-pr-reviews
Fetch open GitHub PRs assigned to a user and generate a prioritized review summary.
dependency-recommender
Analyze manifests and code patterns to recommend dependencies with rationale.
write-example-description
Write on-brand descriptions for PatternFly example components and demos.
pf-component-structure
Audits and enforces proper structural nesting in PatternFly React components.
pf-project-scaffolder
Scaffold PF6-ready PatternFly React projects with seed-based structure and dependencies.
pf-unit-test-generator
Generate complete React component unit tests with React Testing Library and Jest.
Frequently Asked Questions About PatternFly
FAQPage SchemaWhat specific tasks can engineers perform using these capabilities?▼
Engineers can audit CSS/SCSS for design token compliance, migrate legacy class names to current versions, scaffold standardized React projects, and generate unit tests for component libraries. These capabilities ensure visual consistency and structural integrity across large-scale enterprise product portfolios.
Which personas benefit most from these design system utilities?▼
Frontend developers, UI/UX designers, and design system maintainers benefit most. These utilities are specifically engineered for teams managing complex, multi-repository enterprise interfaces who require strict adherence to shared design language and component architecture.
What are the prerequisites for implementing these design system utilities?▼
Implementation requires an existing codebase utilizing the PatternFly design system, Node.js for package management, and access to Figma for design token synchronization. Projects should be structured around standard React component patterns to leverage the full suite of auditing and testing capabilities.