pf-component-structure
OfficialAudit PatternFly React component structure.
Authorpatternfly
Version1.0.0
Installs0
System Documentation
What problem does it solve?
PatternFly React projects often suffer from misnested components and inconsistent layout wrappers, leading to spacing issues and hard-to-maintain code.
Core Features & Use Cases
- Audits and enforces proper nesting for PatternFly React components (e.g., Card with CardBody, PageSection, DescriptionListGroup, etc.).
- Detects common anti-patterns such as missing wrappers or incorrect hierarchy across Page, Card, Table, and DescriptionList families.
- Provides guidance and references to established patterns to accelerate correct UI assembly.
Quick Start
Audit a PatternFly React codebase to identify and fix structural nesting issues, applying the correct wrappers and layout primitives.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: pf-component-structure Download link: https://github.com/patternfly/ai-helpers/archive/main.zip#pf-component-structure Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.