AI coding helpers for PatternFly development. This repository provides plugins and documentation to help AI tools generate accurate, best-practice PatternFly applications.
Plugins work in both Claude Code and Cursor. The content is identical — only the install path differs.
# Add the marketplace
/plugin marketplace add patternfly/ai-helpers
# Install the PatternFly React plugin
/plugin install pf-react@ai-helpersAfter installation, the plugin's agents and skills are available in any project.
Cursor can discover plugins from .cursor-plugin/ directories. If you also have Claude Code installed, Cursor may pick up installed plugins automatically via its third-party plugin settings.
| Plugin | Description | Includes |
|---|---|---|
| pf-react | PatternFly React development standards | Coding standards agent, unit test standards agent, unit test generator skill, PatternFly MCP server |
| pf-design-tokens | Design token auditing, validation, and migration | PatternFly MCP server |
| pf-a11y | Accessibility auditing, reporting, and documentation | PatternFly MCP server |
| pf-figma | Figma design review, diffing, and asset identification | PatternFly MCP server |
See each plugin's README for full documentation.
ai-helpers/
├── plugins/ # Plugins (work in both Claude Code and Cursor)
│ ├── pf-react/ # React coding standards, testing
│ ├── pf-design-tokens/ # Design token auditing and migration
│ ├── pf-a11y/ # Accessibility auditing and reporting
│ └── pf-figma/ # Figma design review and diffing
├── docs/ # AI-friendly PatternFly documentation
│ ├── guidelines/
│ ├── components/
│ ├── charts/
│ └── chatbot/
├── .claude-plugin/ # Marketplace config (Claude Code)
└── .cursor-plugin/ # Marketplace config (Cursor)
Both .claude-plugin/ and .cursor-plugin/ contain identical manifests so each tool discovers plugins natively.
The docs/ directory contains comprehensive, AI-friendly PatternFly documentation. See docs/README.md for the full table of contents.
See CONTRIBUTING.md for guidelines on adding plugins, skills, and documentation.
See CONTRIBUTING-SKILLS.md for a step-by-step guide to creating and contributing a skill.