Skip to content

feat(skills): Add pf-token-auditor skill#13

Open
lboehling wants to merge 1 commit intopatternfly:mainfrom
lboehling:add-pf-token-auditor-skill
Open

feat(skills): Add pf-token-auditor skill#13
lboehling wants to merge 1 commit intopatternfly:mainfrom
lboehling:add-pf-token-auditor-skill

Conversation

@lboehling
Copy link

@lboehling lboehling commented Mar 16, 2026

Summary

This skill solves the 'handoff gap' by allowing your ai agent to read styles & variables applied in live Figma layers via MCP and cross-reference them with the src/patternfly/base/tokens directory. It identifies incorrectly used base tokens/hex/px values and suggests contextually appropriate semantic token alternatives, translates pixel-based 'figma-only' variables into the corresponding code tokens as defined in our local tokens scss file, reconstructs complex CSS properties (like box-shadows) into their appropriate PatternFly composite tokens, and identifies any token discrepancies between the figma styles and existing component implementation.

  • Adds new pf-token-auditor skill to plugins/pf-react/skills/ for validating and bridging Figma design styles to PatternFly 6 design tokens
  • Includes SKILL.md with full audit workflow (Figma variable extraction, token classification, naming validation, theme awareness, drift detection, and handoff generation)
  • Includes token-reference.md with comprehensive PatternFly token category reference

Test plan

  • Verify SKILL.md renders correctly and relative link to token-reference.md resolves
  • Confirm skill triggers on expected user mentions (e.g. "token audit", "Figma variables", "design tokens", "PF tokens")

Made with Cursor

@lboehling lboehling changed the title Add pf-token-auditor skill feat(skills): Add pf-token-auditor skill Mar 16, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant