React

patternfly/ai-helpers

10 repo stars
Updated July 21, 2026
patternfly/ai-helpers

Build PatternFly React components with consistent coding standards, testing, and structure.

About

A PatternFly skill for React component development. It enforces coding standards, guides component testing, and standardizes component structure. It helps developers build consistent, well-tested PatternFly React components.

React component development
Coding standards
Component testing
Structure conventions

React by the numbers

Data as of Jul 22, 2026 (Skillselion catalog sync)

/plugin marketplace add patternfly/ai-helpers

/plugin install react@patternfly-ai-helpers

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

[![Listed on Skillselion](https://skillselion.com/badge/skills/patternfly/ai-helpers/plugins/react.svg)](https://skillselion.com/skills/patternfly/ai-helpers/plugins/react)

repo stars	★ 10
Last updated	July 21, 2026
Repository	patternfly/ai-helpers ↗

What it does

Build PatternFly React components with consistent coding standards, testing, and structure.

README.md

React Plugin

React component development — coding standards, testing, and structure.

What's Included

Skills

PF Component Structure (/react:pf-component-structure) — Audit PatternFly React component nesting, wrapper hierarchies, and layout structure.
PF Import Checker (/react:pf-import-checker) — Audit and fix invalid PatternFly import paths across packages.
PF Project Scaffolder (/react:pf-project-scaffolder) — Scaffolds PatternFly React projects with PF6-safe dependencies, imports, and starter layout.
PF Unit Test Generator (/react:pf-unit-test-generator) — Generate a unit test file for a React component using Testing Library.

PF Unit Test Generator (/react:pf-unit-test-generator) — Generates a complete unit test file for a given React component. Works for both consumer applications and component library contributions, following Testing Library best practices. PF Component Structure (/react:pf-component-structure) — Audit PatternFly React component nesting, wrapper hierarchies, and layout structure.

PF Import Checker (/react:pf-import-checker) — Audit and fix invalid PatternFly import paths across packages.

PF Project Scaffolder (/react:pf-project-scaffolder) — Scaffolds PatternFly React projects with PF6-safe dependencies, imports, and starter layout.

PF Design Comments (/react:pf-design-comments) — Integrates @patternfly/design-comments for on-page design feedback with optional GitHub and Jira sync.

Agents

PF Coding Standards (pf-coding-standards) — PatternFly React coding standards — import patterns, component composition, token usage, and style conventions.
PF Component Structure Audit (pf-component-structure-audit) — PatternFly React structural composition rules — required hierarchies, wrapper components, and props-vs-children patterns.
PF Unit Test Standards (pf-unit-test-standards) — PatternFly React unit testing standards — RTL patterns, mock boundaries, coverage expectations, and assertion style.

File Structure

react/
├── .claude-plugin/
│   └── plugin.json
├── .cursor-plugin/
│   └── plugin.json
├── agents/
│   ├── component-structure-audit.md
│   ├── pf-coding-standards.md
│   └── pf-unit-test-standards.md
├── skills/
│   ├── pf-component-structure/
│   ├── pf-import-checker/
│   ├── pf-project-scaffolder/
│   ├── pf-design-comments/
│   ├── pf-prototype-mode/
│   └── pf-unit-test-generator/
└── README.md