accessibility-per-comp…
Audit one design system component's accessibility against WCAG 2.2 AA: keyboard, screen reader, contrast, focus, ARIA, target…
Turns design system status or a recommendation into a one-page brief in business language. Use it whenever someone wants an update, summary or note on the system for a VP, exec or stakeholder, however short. Investment case: system-pitch. Charts: visual-report.
Claude Code
$ npx -y skills add murphytrueman/design-system-ops --skill stakeholder-brief --agent claude-code
Codex
$ npx skills add murphytrueman/design-system-ops --skill stakeholder-brief -a codex -y
Cursor
$ npx skills add murphytrueman/design-system-ops --skill stakeholder-brief -a cursor -y
Gemini CLI
$ npx skills add murphytrueman/design-system-ops --skill stakeholder-brief -a gemini-cli -y
GitHub Copilot
$ npx skills add murphytrueman/design-system-ops --skill stakeholder-brief -a github-copilot -y
OpenCode
$ npx skills add murphytrueman/design-system-ops --skill stakeholder-brief -a opencode -y
Windsurf
$ npx skills add murphytrueman/design-system-ops --skill stakeholder-brief -a windsurf -y
name: stakeholder-brief description: "Turns design system status or a recommendation into a one-page brief in business language. Use it whenever someone wants an update, summary or note on the system for a VP, exec or stakeholder, however short. Investment case: system-pitch. Charts: visual-report." allowed-tools: Read, Write, Grep, Glob, Bash(cat:*), Bash(ls:*) references: - ../../knowledge-notes/component-governance.md - ../../knowledge-notes/executive-communication.md - ../../knowledge-notes/output-discipline.md
A skill for writing a one-page stakeholder brief that translates design system health, status, or a specific recommendation into business language. Output requires no design systems knowledge to read, leads with business impact, and ends with a clear ask.
Confirm that every path in this skill's frontmatter `references:` exists relative to this SKILL.md. If any is missing, stop: the install is incomplete, usually because a flattening installer (for example `npx skills install`) dropped the repo-root `knowledge-notes/` directory. Tell the user to reinstall by a method in `1-INSTALL.md` and run `verify-install.sh` from the install root. Proceed without the references only if the user explicitly says to, and then say in the output that it was produced without the pack's reference material.
Design systems teams are often better at building systems than at communicating their value to the people who fund and prioritise them. The result is that design systems work gets under-resourced, and the case for investment gets made reactively — when something breaks — rather than proactively, when there is time to think clearly.
A stakeholder brief is not a technical report with a summary at the top. It is a business communication that happens to be about design systems work. The reader should be able to understand the situation, the recommendation, and the ask without any prior knowledge of what a design system is or how it works. If a term requires explanation, the explanation belongs in the brief, not in a separate glossary.
Audience calibration, framing patterns, metric translation, anti-patterns and the numbers-honesty rules are shared with system-pitch and live in the executive-communication note.
1. **Establish the brief's purpose** — Confirm the context, the sources and the single ask 2. **Write the brief** — The five-part template with business framing 3. **Calibrate to the audience and choose the frame** — From the executive-communication note 4. **Frame maturity (staff-level)** — Named stages and the next transition, when an assessment exists 5. **Quality checks** — No jargon, one page, every figure sourced
---
Ask for or confirm:
The brief should have a single primary purpose. A brief that tries to deliver a status update and make an investment ask and announce a new feature is three briefs, and it will not do any of them well.
**Small-system note (fewer than 5 components):** For systems with fewer than 5 components, the brief needs to frame the system as a deliberate, focused investment rather than something that is small because it is under-resourced. Use "specialised system" or "targeted component library" framing. The ROI argument shifts from scale efficiency ("20 teams reuse the same components") to quality consistency ("every customer-facing surface uses the same interaction patterns") and speed ("new features compose from proven components instead of starting from scratch"). Give the size plainly and give it context in the same sentence: "three components, covering [share of interface patterns, from an inventory or audit]". Choosing which true figures to show is framing; leaving out a figure because it sounds small is the "only good news" anti-pattern in the executive-communication note, and a reader who later learns the number stops trusting the brief.
---
---
**Date:** [date] **Prepared by:** [name] **For:** [audience] **Regarding:** [one-sentence description of the subject] **Open placeholders:** [every `[needs data: …]` left in the brief, or "none"]
---
Two to four sentences. What is the current state of affairs that makes this brief necessary? Write in terms of business impact, not design system mechanics.
Not: "The design system has 42 components and a 60% engineering adoption rate across product teams." But: "Three product teams are currently maintaining separate, inconsistent versions of core interface components. This creates inconsistent customer experiences and duplicates development effort across the organisation."
If the situation requires a brief explanation of what a design system is: include one sentence. Do not assume the reader knows. Do not patronise them with a long explanation. "A design system is the shared library of interface components and visual standards that product teams use to build consistently without bui
Audit one design system component's accessibility against WCAG 2.2 AA: keyboard, screen reader, contrast, focus, ARIA, target…
Adoption report: coverage (what the system provides), reach (teams with access) and adoption (teams shipping with it), design vs…
Write the AGENTS.md that tells coding agents how to use this design system: where things live, sourced rules, how to check work,…
Write a six-section prose description (purpose, props, anti-patterns, composition, accessibility, examples) for a Figma…
Turn existing audit findings into sprint-ready tickets with T-shirt estimates, acceptance criteria, dependencies and phases.…
Write release notes, a migration guide and a team announcement for a design system change that is already decided, scaled to its…
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
Ask which skill or flow fits your situation. A router over the skills in this repo.