pf-react¶
React component development -- coding standards, testing, and structure
Plugin Details
- Version: 0.1.0
- Author: UXD Team
- License: MIT
- Scope: Generic
- Category: Development Tools
- Tags: patternfly react
Skills¶
| Skill | Description | Invocable |
|---|---|---|
/pf-chart-gen |
Generate PatternFly chart components with theming, responsive sizing, and accessibility. Use when building charts, data visualizations, or dashboards with PatternFly. | |
/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 the user asks to prefer PatternFly instead of a custom component. | |
/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 and fix invalid PatternFly import paths across packages. Use when imports fail, modules are unresolved, 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-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-gen |
Generate a unit test file for a React component using Testing Library. Use when adding test coverage to new or existing components. |
Installation¶
Claude Code
/plugin install pf-react@opendatahub-skills
OpenAI Codex — add the marketplace, then enable pf-react from the /plugins browser:
codex plugin marketplace add opendatahub-io/skills-registry