pf-design-audit¶
Design audit -- validate existing code and designs against PatternFly standards
Plugin Details
- Version: 0.1.0
- Author: UXD Team
- License: MIT
- Scope: Generic
- Category: Development Tools
- Tags: patternfly design audit
Skills¶
| Skill | Description | Invocable |
|---|---|---|
/pf-ai-audit |
Audit AI-powered features against Red Hat's AI design language — transparency notices, iconography, chatbot patterns, color and gradient rules. Use when reviewing chatbots, AI assistants, or generation UIs for brand compliance. | |
/pf-color-scan |
Find raw color values (hex, rgb, hsl) in code and suggest PatternFly design token replacements. Use when auditing stylesheets for hardcoded colors or enforcing token compliance. | |
/pf-css-token-check |
Detect hardcoded color, spacing, typography, border radius and shadow values that have PF token equivalents and suggest the correct design token replacements. Works on CSS, SCSS, CSS-in-JS, and inline styles. Use when auditing stylesheets for hardcoded values, enforcing design token compliance, or refactoring styles to use PatternFly tokens. | |
/pf-figma-check |
Check Figma designs against PatternFly v6 standards for colors, typography, spacing, and component usage. Use when validating a design before handoff, auditing existing mockups for compliance, or reviewing design token usage. Requires Figma MCP. | |
/pf-figma-token-check |
Audit designs against the PatternFly 6 token architecture and bridge Figma styles to PF semantic tokens. Use when validating token usage, mapping Figma variables to PF tokens, or checking designs for token compliance. | |
/pf-icon-finder |
Identify PatternFly icons in design mockups and provide the correct React import statements. Use when implementing a design, verifying icon usage in a prototype, or finding the correct icon imports for React components. |
Installation¶
Claude Code
/plugin install pf-design-audit@opendatahub-skills
OpenAI Codex — add the marketplace, then enable pf-design-audit from the /plugins browser:
codex plugin marketplace add opendatahub-io/skills-registry