pf-project-scaffolder
Scaffolds PatternFly React projects with PF6-safe dependencies, imports, and starter layout. Use when creating a new PatternFly app or bootstrapping a migration sandbox.
Best use case
pf-project-scaffolder is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Scaffolds PatternFly React projects with PF6-safe dependencies, imports, and starter layout. Use when creating a new PatternFly app or bootstrapping a migration sandbox.
Teams using pf-project-scaffolder should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/pf-project-scaffolder/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How pf-project-scaffolder Compares
| Feature / Agent | pf-project-scaffolder | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Scaffolds PatternFly React projects with PF6-safe dependencies, imports, and starter layout. Use when creating a new PatternFly app or bootstrapping a migration sandbox.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# PF Project Scaffolder Create a clean PatternFly React starting point with current conventions. Use the PatternFly MCP server as the primary source for up-to-date component APIs, usage examples, and migration-safe setup guidance. ## Recommended starting point Use the official PatternFly React seed repository first when possible. ```bash git clone https://github.com/patternfly/patternfly-react-seed cd patternfly-react-seed npm install npm run start:dev ``` ## Required dependencies ```bash npm install @patternfly/react-core @patternfly/react-icons @patternfly/react-table ``` Feature-based dependencies: ```bash npm install @patternfly/react-charts victory npm install @patternfly/chatbot npm install @patternfly/react-component-groups ``` ## Baseline app requirements ```tsx import "@patternfly/react-core/dist/styles/base.css"; ``` Add feature CSS only when relevant: ```tsx import "@patternfly/patternfly/patternfly-charts.css"; import "@patternfly/chatbot/dist/css/main.css"; import "@patternfly/react-component-groups/dist/css/main.css"; ``` ## Initial quality checklist - Uses PatternFly v6 classes and semantic tokens. - Uses PatternFly components for layout (`PageSection`, `Stack`, `Grid`) before utility classes. - Handles loading, error, and empty states for data views. - Includes accessible names/labels for interactive controls.
Related Skills
pf-unit-test-generator
Generate a unit test file for a React component using Testing Library. Use when adding test coverage to new or existing components.
pf-prototype-mode
Enable prototype mode for React apps with grayscale styling and a banner overlay. Use when demoing early concepts, presenting wireframes, or preventing stakeholders from fixating on visual polish.
pf-import-checker
Audit and fix invalid PatternFly import paths across packages. Use when imports fail, modules are unresolved, or after upgrading PatternFly versions.
pf-component-structure
Audit PatternFly React component nesting, wrapper hierarchies, and layout structure. Use when scanning for hierarchy violations or debugging spacing caused by missing wrapper components.
write-example-description
Write and refine example descriptions for PatternFly.org component and demo pages. Use when authoring or updating the prose in PatternFly example markdown files.
summarize-jira-issues
Summarize your current sprint workload from Jira — assigned issues, contributor roles, and priorities. Use when checking what's left in the sprint or deciding what to work on next.
semantic-release-troubleshooting
Diagnose and fix semantic-release issues when a specific version is not being released. Use when semantic-release skips a version, fails to release, or when troubleshooting after git push --force, squashed commits, permission errors, or reference already exists.
quarterly-initiative-report
Generate quarterly Jira status reports with RAG assessment, blocker tracking, and next-quarter recommendations. Use when preparing quarterly initiative reviews or tracking epic progress.
pf-tokens
Build CSS design tokens for PatternFly core and copy them to the PatternFly repository. Use when regenerating tokens after design changes or during release preparation.
pf-org-version-update
Update patternfly-org for a new PatternFly release — resolve versions, update package.json and versions.json, and provide build steps. Use when cutting a PF release or release candidate.
pf-create-issue
Create well-structured GitHub issues for PatternFly repositories with templates, follow-up tracking, and duplicate detection. Use when filing bugs, feature requests, or cross-repo follow-ups.
pf-bug-triage
Triage PatternFly bug reports — assess completeness, suggest fixes, identify affected components, and recommend assignees. Use when reviewing new bug issues or preparing them for assignment.