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 plugins you need
/plugin install 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 |
|---|---|
| a11y | Accessibility auditing, reporting, and documentation |
| design-tokens | Design token reference, auditing, and migration |
| figma | Figma design review, diffing, and asset identification |
| issue-management | Issue creation, tracking, and cross-project coordination |
| react | React component development — coding standards, testing, and structure |
| repo-management | Release versioning, dependency analysis, and repository health |
See PLUGINS.md for skills, agents, and usage details.
For the best experience, also install the PatternFly MCP server which gives AI tools access to component documentation, prop schemas, and design guidelines. Skills and agents work without it but provide enhanced results when it's available.
graph TD
A[AI Tool] -->|discovers| B[".<tool>-plugin/marketplace.json"]
B -->|references| C[plugins/react]
B -->|references| D[plugins/design-tokens]
B -->|references| E[plugins/...]
C --- F[skills/ + agents/]
D --- G[skills/ + agents/]
E --- H[skills/ + agents/]
- Each AI tool looks for its own directory (
.claude-plugin/,.cursor-plugin/) to findmarketplace.json - The marketplace lists plugins with relative paths to
plugins/<name>/ - Each plugin has identical manifests in
.claude-plugin/plugin.jsonand.cursor-plugin/plugin.json - Adding support for a new tool = copying the manifest into a new
.<tool>-plugin/directory
ai-helpers/
├── .claude-plugin/ # Claude Code marketplace config
├── .cursor-plugin/ # Cursor marketplace config
├── plugins/
│ └── <plugin-name>/ # One directory per plugin
│ ├── .claude-plugin/
│ ├── .cursor-plugin/
│ ├── skills/
│ └── agents/
└── docs/ # AI-friendly PatternFly documentation
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.