document-and-govern-design-system

Documents design-system components and runs maturity assessment, governance, and versioning workflows.

1|Updated Jul 13, 2026
One-click install
npx skills add https://github.com/dineshrevunuru/SuperSkills --skill document-and-govern-design-system-dineshrevunuru
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: document-and-govern-design-system
Source: https://github.com/dineshrevunuru/SuperSkills/tree/main/document-and-govern-design-system
Command: npx skills add https://github.com/dineshrevunuru/SuperSkills --skill document-and-govern-design-system-dineshrevunuru

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Design systems drift when components lack documentation, teams build one-offs instead of reusing patterns, and nobody knows where to invest next. This Skill turns a pile of components into a governed system with written usage rules, contribution criteria, and a maturity-based investment plan. ## Core Features & Use Cases - Maturity assessment: Scores a design system across NN/g's 6 dimensions (alignment, team, infrastructure, governance, support, adoption) and names the single highest-leverage gap with a sized first move. - Component documentation standard: Produces a fixed 10-section doc per component covering use-when/don't-use-when, variants, states, props, accessibility, content rules, and token references by name only. - Governance setup: Publishes yes/no acceptance criteria, a review SLA, an enforcer role, and semver versioning with deprecation rules so the system stays trustworthy as it grows. - Use Case: A team notices their admin app has detached from the system with hardcoded colors and duplicate buttons. Run the maturity scan, find governance scores 0, and ship acceptance criteria plus a changelog in two hours. ## Quick Start Audit our design system and tell me where we should invest next, then document the Button component.

Frequently Asked Questions about document-and-govern-design-system

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I document a design system component?

Use the fixed 10-section standard: one-line description, use-when and don't-use-when with sibling component pointers, variants table, states table, props/API table, accessibility block, content rules, token names, one code example, and a do/don't table. A component is not in the system until this doc exists.

How do I assess design system maturity?

Score six NN/g dimensions from 0 to 3 with evidence: organizational alignment, team effectiveness, infrastructure, governance, support, and adoption. The lowest score is the highest-leverage gap by default, but low adoption with decent infrastructure points to governance or support instead.

What acceptance criteria should a design system contribution meet?

A contribution must be needed in at least three places, not achievable with existing components, have all states specified including focus, include a complete accessibility block, use tokens only with zero raw values, ship documentation before merge, and include a changelog entry.

When should I not use this design system governance skill?

Do not use it to create token values, which belongs to build-token-system, or to design empty/loading/error states, which belongs to design-ui-states. It also does not write actual UI copy; it owns only the content standards that copy must follow.

Why do teams detach from a design system?

Teams detach primarily when contribution reviews are slow or criteria are ambiguous. A fast rejection naming the specific failed criterion preserves trust better than a slow maybe, and a named enforcer catches one-offs early before they spread.