Agent Plugins Marketplace
← All plugins

pf-design-audit

Design audit — validate existing code and designs against PatternFly standards

Claude Code7 Skills

By UXD TeamLicense: MIT7 GitHub starsUpdated last week

Directory evidence

Runtimes
Claude Code
Parsed components
7 skill or MCP entries
Source updated
Sep 16, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install pf-design-audit for Claude Code

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install pf-design-audit@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/rh-uxd/ai-helpers

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/patternfly/pf-design-audit/.

Plugin files

plugins/patternfly/pf-design-audit/
├── .claude-plugin/plugin.json
├── skills/pf-ai-audit/SKILL.md
├── skills/pf-color-scan/SKILL.md
├── skills/pf-css-token-check/SKILL.md
├── skills/pf-figma-check/SKILL.md
├── skills/pf-figma-token-check/SKILL.md
├── skills/pf-glass-check/SKILL.md
└── skills/pf-icon-finder/SKILL.md

Included Skills7

pf-ai-auditskills/pf-ai-audit/SKILL.md

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-scanskills/pf-color-scan/SKILL.md

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-checkskills/pf-css-token-check/SKILL.md

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-checkskills/pf-figma-check/SKILL.md

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-checkskills/pf-figma-token-check/SKILL.md

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-checkskills/pf-glass-check/SKILL.md

Audit PatternFly prototypes for Glass Mode handbook violations — glass-on-glass layering, missing isPlain, accessibility overrides, and background image rules. Use when building or reviewing glass-enabled UIs or prototypes.

pf-icon-finderskills/pf-icon-finder/SKILL.md

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.

Plugin manifests1

plugins/patternfly/pf-design-audit/.claude-plugin/plugin.json
{
  "name": "pf-design-audit",
  "description": "Design audit — validate existing code and designs against PatternFly standards",
  "dependencies": [
    "pf-mcp"
  ],
  "author": {
    "name": "UXD Team",
    "url": "https://www.patternfly.org"
  },
  "repository": "https://github.com/rh-uxd/ai-helpers",
  "license": "MIT",
  "keywords": [
    "patternfly"
  ]
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[pf-design-audit on Agent Plugins Marketplace](https://pluginsmp.com/plugins/pf-design-audit)