claude

pf-design-guide

Design guide — component selection, interaction patterns, AI experience patterns

10 on GitHubby UXD TeamMITupdated 4 days ago
/

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

What it installs

Skills (3)

  • pf-catalog-interaction-patterns

    Catalog interaction patterns (click, hover, keyboard, drag) across PatternFly components. Use when selecting a component for a specific interaction need, describing UI behavior without naming a component, or building prototypes that require interaction-based component lookup.

  • pf-figma-design-mode

    Create and edit Figma design files using PatternFly-approved component libraries. Use when building, updating, or restructuring Figma frames and components. Requires Figma MCP.

  • pf-screenshot-mapping

    Maps screenshots and UI mockups (any fidelity) to PatternFly 6 layout and building-block components. Output uses PF Component Mapping (regions, PF6 direction including structure and behavior, doc links) and PF Gaps & Recommendations (structural gaps/stretches and design-system follow-ups). Omits bra

Subagents (1)

  • pf-microcopy

    PatternFly component microcopy standards — button labels, tooltips, alt text, and error messages. Active when writing or reviewing UI copy for PatternFly components.

View source on GitHub

More from rh-uxd/ai-helpers

All 15 plugins →

pf-react

claude

React component development — coding standards, testing, and structure

16 skills · 3 agents

10

pf-workshop

claude

PatternFly team tools — issue triage, release management, skill incubation

18 skills · 1 agent

10

pf-design-audit

claude

Design audit — validate designs against PatternFly standards

7 skills · 1 agent

10

pf-code-review

claude

Code review and quality — adversarial review, security patterns

5 skills

10

uxd-design

claude

UX design workflow — Figma context, design evaluation, and implementation handoff

5 skills

10

uxd-prototype

claude

Create UX prototypes from Jira tickets, Figma designs, or feature descriptions

4 skills

10

Similar plugins

patternfly

claude

PatternFly development tools from the UXD team — component scaffolding, design guidance, auditing, migration, test generation, and an MCP server.

55 skills

openshift-eng/ai-helpers 122

pf-workshop

claude

PatternFly team tools and skill incubation — issue triage, release management, codebase auditing, new skill development

redhat-cop/babylon 44

patternfly

claudecodex

Everything you need for PatternFly development -- React components, design guidance, migration, and MCP docs. Installs all PatternFly sub-plugins in one step.

55 skills

opendatahub-io/skills-registry 21

Maintain pf-design-guide?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins15 plugins