Governance
Govern how the design system evolves — SemVer for tokens/components, the contribution workflow, d…
by plugin87 · MIT
The skill
Govern how the design system evolves — SemVer for tokens/components, the contribution workflow, deprecation policy, and change communication. Use when the user wants to add/promote/deprecate a component or token, decide a version bump, set up a contribution process, or keep the system from fragmenting.
Skill: Governance
Step 0 — is the kit here? This skill reads files from the kit. Check once:
ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSINGOnKIT_MISSINGonly the skill folders were installed, which is whatnpx skills adddoes. Say so plainly, point the user atnpx ux-ui-agent-skills initor the plugin install, and stop. Do not guess the contents of a file you could not open.
Keep the system consistent as it grows. Apply versioning, contribution, and deprecation rules.
Steps
- Read
${CLAUDE_SKILL_DIR}/../../../workflows/governance.md(SemVer table, contribution workflow, deprecation policy, change comms). - Classify the change: major (breaking — renamed/removed token or prop, changed anatomy/default), minor (additive — new token/component/variant/optional prop), patch (fix — contrast/bug/doc/value tweak in tolerance).
- For a new component/token: confirm it serves a real, repeated need (≥ 2 places) before promoting product → candidate → core. Design it to the full quality bar (
.claude/rules/components.md→ Component Quality Bar). - For a deprecation: mark with reason + replacement + removal version; keep working ≥ 1 minor cycle; provide a migration map (
${CLAUDE_SKILL_DIR}/../../../design-systems/crosswalk.mdstyle); remove only in a major. - Wire any new file into
CLAUDE.md(File Reference Map + relevant table/router) and add a changelog entry.
Verification (definition of done)
- Change has a SemVer level and a changelog entry.
- Removals have a deprecation window, a replacement, and a migration table.
- New spec meets the 8-state + a11y + token-mapping bar and is reachable via the router.
python3 ${CLAUDE_SKILL_DIR}/../../../scripts/validate_tokens.pypasses; contrast re-checked if colors changed.
Use this skill
Connect your agent to the Skill Store MCP server and ask for it by ref: plugin87/governance-1474051433.
Details
- Publisher
- plugin87
- Category
- Software Development › Frontend & UI
- License
- MIT
- Updated
- 2026-10-19
References
More from plugin87
- A11Y Audit Audit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning criterion-referenced fi…
- Apply Aesthetic Apply a visual direction — an archetype (high-end agency, editorial minimal, brutalist, soft-SaaS…
- Brandkit Generate a complete, accessible brand design system from a brief — primitive → semantic → compone…
- Critique Adversarial design critique of the current work — render it, look at it, and argue for rejection.