Skills
.Work. You
Rest

pf-tokens

Official

Build CSS design tokens for PatternFly core.

Design & Creative#css#scss#design-tokens#design-systems#patternfly#pf-tokens#token-build
Authorpatternfly
Version1.0.0
Installs0

System Documentation

What problem does it solve?

PatternFly teams need consistent design tokens across the core and the PatternFly repository for parity and maintainability.

Core Features & Use Cases

  • Build the SCSS for PatternFly core using the build:scss:core script.
  • Copy the generated CSS files from the build output to the PatternFly repository's tokens directory to sync design tokens across projects.

Quick Start

Run the token build and copy flow to generate the CSS tokens and place them in the PatternFly repository.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 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-tokens
Download link: https://github.com/patternfly/ai-helpers/archive/main.zip#pf-tokens

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.