accessibility-per-comp…
Run an accessibility audit on a specific design system component. Trigger when someone says: accessibility check, a11y audit, WCAG compliance, is this…
Convert governance policies into machine-executable JSON constraint files that AI agents and CI pipelines validate against automatically. This produces rule engine files in .ai/governance/, NOT narrative decision records or documentation. Trigger when someone says: encode
$ npx -y skills add murphytrueman/design-system-ops --skill governance-encoder --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/governance-encoderContext preview
The summary Claude sees to decide when to auto-load this skill.
Convert governance policies into machine-executable JSON constraint files that AI agents and CI pipelines validate against automatically. This produces rule engine files in .ai/governance/, NOT narrative decision records or documentation. Trigger when someone says: encode
name: governance-encoder description: "Convert governance policies into machine-executable JSON constraint files that AI agents and CI pipelines validate against automatically. This produces rule engine files in .ai/governance/, NOT narrative decision records or documentation. Trigger when someone says: encode governance rules, governance as code, automate governance, rule engine, machine-executable constraints, enforce rules automatically, constraint definitions, or anything about converting human-readable policies into structured rules that tools check programmatically. Do NOT trigger for documenting why a decision was made or recording the reasoning behind a choice — use decision-record for those." references: - ../../knowledge-notes/component-governance.md - ../../knowledge-notes/design-to-code-contract.md - ../../knowledge-notes/human-oversight-framework.md - ../../knowledge-notes/agent-orchestration-guide.md
A skill for converting design system governance policies — the rules about how the system should be used, contributed to, and evolved — from human-readable documentation into machine-executable constraint definitions that AI agents validate against in real time.
Most design system governance lives in documents that humans read and (sometimes) follow. Contribution guidelines in a wiki. Naming conventions in a README. Token usage rules in a Slack thread from eighteen months ago. These rules are enforced by review — a senior team member spots a violation during a PR review or a design crit and asks for a correction.
This enforcement model breaks down at scale, and it breaks down entirely with AI agents. An agent generating a component cannot read a wiki page and decide to follow the naming convention. It cannot recall a Slack conversation about token usage. It needs rules expressed as structured data with explicit conditions, constraints, and consequences that it can evaluate programmatically.
Governance encoding is the process of taking every governance rule that currently lives in a human-readable document and expressing it as a machine-checkable constraint. The output is not a better document — it is a rule engine that agents (and CI pipelines and linters) consume directly.
The distinction between governance documentation and governance encoding:
Both are necessary. Documentation explains the intent. Encoding enforces the constraint.
---
Before producing output, check for a `.ds-ops-config.yml` file in the project root. If present, load:
If integrations are configured in `.ds-ops-config.yml`, pull data automatically:
**GitHub** (`integrations.github.enabled: true`):
**Figma MCP** (`integrations.figma.enabled: true`):
If an integration fails, log it and proceed with manual input.
---
Before encoding, catalogue what governance rules already exist and where they live.
Scan for governance sources:
For each rule found, classify:
| Rule | Source | Currently enforced by | Machine-encodable? | |---|---|---|---| | Component names must be PascalCase | CONTRIBUTING.md | PR review | Yes — regex pattern | | Props must have TypeScript types | ESLint config | CI pipeline | Yes — already encoded | | New components need design review | Wiki | Manual process | Partially — gate check | | Tokens must use semantic tier | Style guide | PR review | Yes — import pattern |
Ask for or confirm:
---
Every governance rule follows the same schema, regardless of what it governs:
{
"id": "GOV-001",
"category": "naming",
"rule": "component_export_name",
"description": "Component export names must be PascalCase",
"intent": "Consistent naming enables predictable imports and tooling integration",
"scope": {
"applies_to": "component_files",
"file_pattern": "src/components/**/*.{tsx,vue,svelte}"
},
"constraint": {
"type": "pattern",
"pattern": "^[A-Z][a-zA-Z]+$",
"target": "default_expoClaude Code skills for the work that keeps a design system alive.
Repo: murphytrueman/design-system-ops
Run an accessibility audit on a specific design system component. Trigger when someone says: accessibility check, a11y audit, WCAG compliance, is this…
Produce a design system adoption report separating coverage from actual adoption, with trend direction and risk flags. Trigger when someone says: adoption…
Generate AI-optimised text descriptions for components, formatted for Figma's MCP server and LLM consumption. This produces prose descriptions in a six-section…
Transform audit findings into sprint-ready work items with effort estimates, acceptance criteria, and stakeholder-friendly rationale. This converts existing…
Produce a communication package for a design system change — release notes, migration guide, and team announcement. This produces communication artefacts for…
Generate CI/CD pipeline configurations that automate design system quality checks — token validation, component linting, visual regression, accessibility…