pf-design-audit

Plugin pf-design-audit from marketplace uxd-ai-helpers in rh-uxd/ai-helpers. Commands read from the repo's manifest — 4 days ago.

Skills (7)

• 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 r

• 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-glass-check

  Implement and audit PatternFly Glass Mode screens using the Glass Mode handbook. Use whenever a user mentions Glass Mode while building, generating, editing, or reviewing PatternFly screens, UIs, or prototypes, including Project Felt with glass. Prevent nested glass, preserve default card styling wi

• 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.

Subagents (1)

• pf-glass-standards

  PatternFly Glass Mode standards — glass-on-glass prevention, default card styling with optional isPlain, Drawer variant rules, accessibility overrides, and background image rules. Active when building, generating, or prototyping glass-enabled PatternFly UIs.

Similar plugins