pf-react

Plugin pf-react from marketplace uxd-ai-helpers in rh-uxd/ai-helpers. Commands read from the repo's manifest — 4 days ago.

Skills (16)

• pf-chart-gen

  Generate PatternFly chart components with theming, responsive sizing, and accessibility. Use when building charts, data visualizations, or dashboards with PatternFly.

• pf-chatbot-bundle-audit

  Audit PatternFly ChatBot imports for tree-shaking opportunities. Use when optimizing ChatBot bundle size or after upgrading @patternfly/chatbot.

• pf-component-check

  Audit PatternFly React component nesting, wrapper hierarchies, and layout structure. Use when scanning for hierarchy violations or debugging spacing caused by missing wrapper components.

• pf-component-reuse-check

  Detects custom React components in newly created or modified (uncommitted) code that overlap with PatternFly React components, suggests the PatternFly equivalent, and can replace the custom component then build to verify. Use when creating UI components, reviewing uncommitted React changes, or when

• pf-context-gen

  Generate AI-friendly context files for PatternFly components. Use when preparing context for AI-assisted PF development, onboarding AI tools to a PF codebase, or assembling component references for prompt engineering.

• pf-deploy

  Deploy a PatternFly React project to GitHub Pages using pfcli deploy. Use when publishing a prototype, sharing a demo URL, deploying to GitHub Pages, or when the user mentions pfcli deploy.

• pf-design-comments-setup

  Integrate @patternfly/design-comments into React apps for on-page design feedback, pinned comment threads, GitHub Issues sync, and Jira linking. Use when adding design comments, review overlays, or removing the commenting system from a PatternFly React project.

• pf-form-gen

  Generate PatternFly form components with validation, layout, and accessibility. Use when building forms, adding form fields, or creating validated input workflows.

• pf-import-check

  Audit PatternFly imports for correctness and bundle-size anti-patterns. Use when imports fail, bundles are bloated, or after upgrading PatternFly versions.

• pf-project-gen

  Scaffolds PatternFly React projects with PF6-safe dependencies, imports, and starter layout. Use when creating a new PatternFly app or bootstrapping a migration sandbox.

• pf-reproduce-issue

  Reproduce a PatternFly bug from a GitHub issue description. Use when triaging PF bug reports, verifying fixes, or confirming whether an issue is still present.

• pf-rhds-layout-gen

  Generate layout code for embedding RHDS header and footer web components inside a PatternFly Page. Use when building a mixed PF+RHDS app shell, setting up a plain page layout, or adding full-height scrollable drawers with React.

• pf-rhds-theme-audit

  Audit and fix theme synchronization between PatternFly React and Red Hat Design System web components, then generate a usage guide. Use when a project mixes PF and RHDS and needs theme setup or has theme sync issues.

• pf-table-gen

  Generate PatternFly table components with sorting, filtering, pagination, and expandable rows. Use when building data tables, adding table features, or migrating HTML tables to PatternFly.

• pf-test-from-spec-gen

  Generate requirement-traced React Testing Library tests from a component spec or acceptance criteria. Use when the spec is the source of truth and the component may not exist yet.

• pf-test-gen

  Generate a unit test file for a React component using Testing Library. Use when adding test coverage to new or existing components.

Subagents (3)

• pf-coding-standards

  PatternFly React coding standards — import patterns, component composition, token usage, and style conventions. Active when writing, reviewing, or refactoring PF React code.

• pf-component-structure-audit

  PatternFly React structural composition rules — required hierarchies, wrapper components, and props-vs-children patterns. Active when writing, reviewing, or refactoring PatternFly UI so layouts rely on correct trees, not custom CSS.

• pf-unit-test-standards

  PatternFly React unit testing standards — RTL patterns, mock boundaries, coverage expectations, and assertion style. Active when writing or reviewing unit tests for PF components.

Similar plugins