Design To Code

PatternFly AI Helpers

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.

Quick Start

Claude Code

# Add the marketplace
/plugin marketplace add patternfly/ai-helpers

# Install the plugins you need
/plugin install react@ai-helpers

After installation, the plugin's agents and skills are available in any project.

See it in action

Cursor

Third-Party Plugin Import

If you've already installed plugins via Claude Code, Cursor can discover them automatically:

1. Open Cursor Settings → Rules, Skills, Subagents
2. Enable "Include third-party Plugins, Skills, and other configs"

Plugins installed via Claude Code appear immediately — no cloning or manual setup required.

See it in action

Team Marketplace (Red Hat)

Red Hat Cursor Enterprise users have access to the PatternFly AI Helpers team marketplace:

1. Open Cursor Settings → Plugins → Browse Marketplace
2. Select PatternFly AI Helpers
3. Click Get on the plugins you need

See it in action

Available Plugins

Plugin	Description
a11y	Accessibility auditing, reporting, and documentation
code‑review	Code review and quality — adversarial review, security patterns
design‑audit	Design audit — validate existing code and designs against PatternFly standards
design‑guide	Design guide — component selection, interaction patterns, AI experience patterns, Figma design creation
migration	PF version migration — breaking change detection, class scanning, upgrade planning
pf‑workshop	PatternFly team tools and skill incubation — issue triage, release management, codebase auditing, new skill development
react	React component development — coding standards, testing, and structure

See PLUGINS.md for skills, agents, and usage details.

PatternFly MCP Server (Recommended)

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.

Documentation

The docs/ directory contains comprehensive, AI-friendly PatternFly documentation. See docs/README.md for the full table of contents.

Security & Governance

See SECURITY.md for vulnerability reporting and GOVERNANCE.md for how contributions are reviewed.

Contributing

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.

References

• PatternFly.org
• PatternFly React GitHub
• PatternFly MCP Server

License

MIT