Agent Plugins Marketplace
← All plugins

pf-react

React component development — coding standards, testing, and structure

Claude Code10 Skills

By UXD TeamLicense: MIT7 GitHub starsUpdated last week

Directory evidence

Runtimes
Claude Code
Parsed components
10 skill or MCP entries
Source updated
Sep 16, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install pf-react for Claude Code

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install pf-react@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/rh-uxd/ai-helpers

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/patternfly/pf-react/.

Plugin files

plugins/patternfly/pf-react/
├── .claude-plugin/plugin.json
├── skills/pf-chart-gen/SKILL.md
├── skills/pf-component-check/SKILL.md
├── skills/pf-component-reuse-check/SKILL.md
├── skills/pf-deploy/SKILL.md
├── skills/pf-design-comments-setup/SKILL.md
├── skills/pf-form-gen/SKILL.md
├── skills/pf-import-check/SKILL.md
├── skills/pf-project-gen/SKILL.md
├── skills/pf-table-gen/SKILL.md
└── skills/pf-test-gen/SKILL.md

Included Skills10

pf-chart-genskills/pf-chart-gen/SKILL.md

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

pf-component-checkskills/pf-component-check/SKILL.md

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-checkskills/pf-component-reuse-check/SKILL.md

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-deployskills/pf-deploy/SKILL.md

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-setupskills/pf-design-comments-setup/SKILL.md

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-genskills/pf-form-gen/SKILL.md

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

pf-import-checkskills/pf-import-check/SKILL.md

Audit and fix invalid PatternFly import paths across packages. Use when imports fail, modules are unresolved, or after upgrading PatternFly versions.

pf-project-genskills/pf-project-gen/SKILL.md

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-genskills/pf-table-gen/SKILL.md

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-genskills/pf-test-gen/SKILL.md

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

Plugin manifests1

plugins/patternfly/pf-react/.claude-plugin/plugin.json
{
  "name": "pf-react",
  "description": "React component development — coding standards, testing, and structure",
  "dependencies": [
    "pf-mcp"
  ],
  "author": {
    "name": "UXD Team",
    "url": "https://www.patternfly.org"
  },
  "repository": "https://github.com/rh-uxd/ai-helpers",
  "license": "MIT",
  "keywords": [
    "patternfly"
  ]
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[pf-react on Agent Plugins Marketplace](https://pluginsmp.com/plugins/pf-react)