Typeui Fundamentals
bergside/typeui
Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements.
Write a narrative decision record (ADR) for a design system choice: context, options, trade-offs, consequences, including declined proposals.
$ npx skills add murphytrueman/design-system-ops --skill decision-record -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install murphytrueman/design-system-ops decision-record --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/murphytrueman/design-system-ops.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/decision-record .claude/skills/decision-record && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "decision-record" agent skill from https://github.com/murphytrueman/design-system-ops/tree/main/skills/decision-record into .claude/skills/decision-record/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "decision-record", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/murphytrueman/design-system-ops/tree/main/skills/decision-recordType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add murphytrueman/design-system-ops --skill decision-record -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install murphytrueman/design-system-ops decision-record --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/murphytrueman/design-system-ops.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/decision-record .agents/skills/decision-record && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "decision-record" agent skill from https://github.com/murphytrueman/design-system-ops/tree/main/skills/decision-record into .agents/skills/decision-record/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "decision-record", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add murphytrueman/design-system-ops --skill decision-record -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install murphytrueman/design-system-ops decision-record --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/murphytrueman/design-system-ops.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/decision-record .cursor/skills/decision-record && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "decision-record" agent skill from https://github.com/murphytrueman/design-system-ops/tree/main/skills/decision-record into .cursor/skills/decision-record/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "decision-record", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/murphytrueman/design-system-ops.git --path skills/decision-record--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add murphytrueman/design-system-ops --skill decision-record -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install murphytrueman/design-system-ops decision-record --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/murphytrueman/design-system-ops.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/decision-record .gemini/skills/decision-record && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "decision-record" agent skill from https://github.com/murphytrueman/design-system-ops/tree/main/skills/decision-record into .gemini/skills/decision-record/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "decision-record", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install murphytrueman/design-system-ops decision-recordInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add murphytrueman/design-system-ops --skill decision-record -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/murphytrueman/design-system-ops.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/decision-record .github/skills/decision-record && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "decision-record" agent skill from https://github.com/murphytrueman/design-system-ops/tree/main/skills/decision-record into .github/skills/decision-record/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "decision-record", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add murphytrueman/design-system-ops --skill decision-record -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install murphytrueman/design-system-ops decision-record --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/murphytrueman/design-system-ops.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/decision-record .opencode/skills/decision-record && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "decision-record" agent skill from https://github.com/murphytrueman/design-system-ops/tree/main/skills/decision-record into .opencode/skills/decision-record/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "decision-record", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
decision-recordWrite a narrative decision record (ADR) for a design system choice: context, options, trade-offs, consequences, including declined proposals.
Decision Record is an agent skill from murphytrueman/design-system-ops. Write a narrative decision record (ADR) for a design system choice: context, options, trade-offs, consequences, including declined proposals. Triggers: document this decision, ADR, why did we choose, capture the reasoning. Machine-checkable rules: governance-encoder.
Its SKILL.md is about 2.8k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design, covering Design systems, Architecture decision records and Proposals and quotes. The repository describes itself as: Claude Code skills for the work that keeps a design system alive. The licence is MIT.
6 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit f167898. It shows what the files ask for, not the result of running them.
Pre-approves these tools, so the agent can use them without asking each time:
ReadWriteGrepGlobBash(cat:*)Bash(find:*)Bash(head:*)Bash(ls:*)Bash(grep:*)Bash(rg:*)From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
npxFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Decision Record loads about 2.8k tokens when it runs. Until then it costs about 71 tokens; SKILL.md has 1,629 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from murphytrueman/design-system-ops at commit f167898, republished under its MIT licence (© murphytrueman). 1,629 words, ~2,845 tokens.
.claude/skills/decision-record/SKILL.md (or your agent's skills folder).A skill for creating structured decision records for design system choices. Covers component decisions, token architecture choices, tooling selections, governance policies, and any other decision worth recording so future contributors do not have to reverse-engineer the reasoning.
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 accumulate decisions faster than they accumulate documentation. The result is a system where the current state is known but the reasoning is not — which means the same debates recur, constraints get ignored because their origin is forgotten, and new team members spend weeks learning by collision what a thirty-minute conversation would have covered.
A decision record does not need to be formal. It needs to be findable and honest. The format below is lightweight enough to write in under twenty minutes and structured enough to be useful when someone reads it twelve months later.
Before writing a record, confirm this decision warrants one. Not every choice needs a formal record — but more decisions warrant records than teams typically capture. Use this checklist:
Create a decision record if any of these are true:
Skip the decision record if all of these are true:
When in doubt, write the record. A twenty-minute investment in documentation saves hours of re-discovery and re-debate.
Before writing, look for where decisions already live and match it: docs/adr/, docs/decisions/, adr/, decisions/, an .adr-dir file (adr-tools), a MADR template (template.md with "Decision Drivers" and "Considered Options"), a log4brains config, or a docs-platform section the user names. If records exist, use their template's section names and their numbering (sequential NNNN- prefixes are the norm; take the next number). If none exist, use docs/decisions/NNNN-<kebab-title>.md starting at 0001, and say so. Don't invent a date-based id scheme: two decisions in one month would collide.
Ask for or confirm:
If the decision is in progress, the record still gets written — just with an open status. Decision records for in-progress decisions are often the most valuable, because they capture the thinking before it is lost in the gap between discussion and resolution.
Use the following structure. Impact assessment is conditional; every other section appears in every record.
Record only options, reasons and trade-offs the user supplied or that appear in the sources you were given. Where something is missing, write [unknown — ask X] naming who would know. Never infer rationale: a plausible reason that nobody actually gave is worse than a visible gap, because future readers will treat it as fact.
ID: [sequential, matching the team's existing records, e.g. 0007] Date: [when the decision was made or this record was created] Status: Proposed / Accepted / Declined / Superseded / Deprecated Deciders: [who made the decision] Author: [who wrote this record, if different]
Use Declined for proposals that were turned down (for example, rejection records from contribution-workflow); the record then explains which criteria weren't met and under what conditions it could be revisited.
What was the situation that made this decision necessary? What problem was being solved, or what question needed an answer?
Write this as a factual description of the state of the world at the time of the decision. Include any constraints that shaped the decision space — technical, organisational, time-based, or otherwise. Do not frame the context to make the eventual decision look inevitable. Future readers need to understand the real landscape, including the pressures that influenced the outcome.
Two to four sentences is usually enough.
The three to five forces that decided it: a constraint, a requirement, a cost, a deadline, a team preference. Each from the user or a source; none inferred. This is the section future readers use to tell whether the decision still holds when the forces change.
List each option that was genuinely evaluated. For each option:
Do not list options that were not seriously considered — this section should reflect the actual decision space, not a post-hoc justification exercise. If only one option was considered, say so and explain why.
The option that was eventually chosen should also appear here, with a note that it was selected and a forward reference to the decision section.
State the decision in one sentence. Then explain the primary reasoning in two to four sentences.
Be honest about trade-offs. If the chosen option had weaknesses that were accepted, name them. If the decision was influenced by non-technical factors — timelines, team preferences, tooling constraints — include that. Decision records that paper over trade-offs are records of what was decided, not why, which makes them significantly less useful.
Include this section when the decision changes a component API, token names or values, or anything consumers must migrate. Skip it for conventions, tooling and process decisions with no migration cost.
| Impact dimension | Measurement |
|---|---|
| Files affected | [count — from grep/search if available] |
| Components affected | [count and names] |
| Consuming teams affected | [count and names] |
| Migration effort | [user-supplied estimate, or "not measured"] |
| Token/API changes required | [count] |
| Breaking changes | [yes/no — if yes, list them] |
| Timeline to full adoption | [user-supplied, or "not measured"] |
If codebase access is available, run searches to populate the counts. For example, if the decision is to adopt DTCG token format, count how many token files need restructuring, how many consuming files reference tokens, and how many teams own those files.
Where a row wasn't measured, write "not measured" and name the audit skill that would measure it. Don't fill rows with estimates; effort and timeline only go in if the user supplied them, labelled as theirs.
What changes as a result of this decision? What becomes easier, and what becomes harder?
This section should cover both intended outcomes and known risks. If the decision introduces a dependency, a constraint, or a new obligation for contributors, document it here. If it closes off a future option, name that too.
If this decision replaces a previous decision, reference it here. If this decision is later superseded, this field gets updated with the reference to the new record.
Any other decision records relevant to understanding this one. Links or IDs are sufficient.
Write the record to the location and with the numbering found in Step 0b, and say the path. If the team keeps decisions on a documentation platform rather than in the repo, produce the record in chat for pasting and say where it belongs. If the location is unknown and the user hasn't said, ask once; don't leave the record only in chat by default.
Decision records go stale. Suggest a condition that should prompt this record to be revisited — for example, a tooling change, a team size threshold, a specific dependency version, or a timeline milestone.
This does not need to be elaborate. One sentence is enough: "Revisit this decision if the team grows beyond ten active contributors or if the token tooling changes."
[unknown — ask X] left in the recorddeprecation-process for a removal, token-audit for a token architecture change, version-bump-advisor then change-communication for an API change, governance-encoder for a new convention, codemod-generator when many consumers must change, stakeholder-brief for a large investment[unknown — ask X]© murphytrueman, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in skills/decision-record of murphytrueman/design-system-ops.
Open the folder on GitHubat commit f167898
Decision Record next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Decision Record this skillmurphytrueman/design-system-ops | 201 | — | ~2.8k | Automated safety check: Pass | MIT | |
| Typeui Fundamentalsbergside/typeui | 2k | — | ~861 | Automated safety check: Pass | MIT | |
| Ds Planbaloise/design-system | 114 | — | ~1.6k | Automated safety check: Pass | Apache-2.0 | |
| Design Standardsrampstackco/claude-skills | 935 | — | ~2.4k | Automated safety check: Pass | MIT | |
| Design System ContextHermeticOrmus/LibreUIUX-Claude-Code | 111 | — | ~5k | Automated safety check: Pass | MIT | |
| Architectdralgorhythm/claude-agentic-framework | 124 | — | ~475 | Automated safety check: Pass | None |
bergside/typeui
Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements.
baloise/design-system
Generate phased implementation plans for design system components with adaptive scope, design decisions, and risk assessment
rampstackco/claude-skills
Apply production-grade design standards when building or reviewing pages, components, or UI.
HermeticOrmus/LibreUIUX-Claude-Code
Keeping a design system in an LLM's context: loading tokens compactly, persisting design decisions across sessions, handling multiple variants, and budgeting the context window.
dralgorhythm/claude-agentic-framework
Design systems and record architecture decisions as ADRs — a user-invoked Principal Architect workflow.
bestofjs/bestofjs
A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…
murphytrueman/design-system-ops
Write the AGENTS.md that tells coding agents how to use this design system: where things live, sourced rules, how to check work, what not to do; Claude, Cursor or Copilot pointers on request.
murphytrueman/design-system-ops
Write a six-section prose description (purpose, props, anti-patterns, composition, accessibility, examples) for a Figma component's description field so LLMs read it via MCP.
murphytrueman/design-system-ops
Write release notes, a migration guide and a team announcement for a design system change that is already decided, scaled to its impact.
murphytrueman/design-system-ops
Generate machine-readable index files in .ai/index/ (component inventory, uses/usedBy graph, stats) for AI agents.
murphytrueman/design-system-ops
Generate tested jscodeshift/postcss codemods for design system migrations: token renames, prop renames or removals, import paths, component swaps.
murphytrueman/design-system-ops
Audit prop APIs across a component library: naming consistency, boolean/default patterns, type coverage, exported types, breaking changes between versions.
Categories
Write a narrative decision record (ADR) for a design system choice: context, options, trade-offs, consequences, including declined proposals. Decision Record is an agent skill from murphytrueman/design-system-ops. Write a narrative decision record (ADR) for a design system choice: context, options, trade-offs, consequences, including declined proposals.
Decision Record fits situations like: tasks that involve Design systems; tasks that involve Architecture decision records; tasks that involve Proposals and quotes.
Run `npx skills add murphytrueman/design-system-ops --skill decision-record -a claude-code`. Or copy the skill folder (skills/decision-record in murphytrueman/design-system-ops) into .claude/skills/decision-record in your project. Claude Code loads it when a task matches its description.
Run `npx skills add murphytrueman/design-system-ops --skill decision-record -a codex`. Or copy the skill folder (skills/decision-record in murphytrueman/design-system-ops) into .agents/skills/decision-record in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add murphytrueman/design-system-ops --skill decision-record -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/decision-record, .gemini/skills/decision-record, .github/skills/decision-record and .opencode/skills/decision-record in your project.
Going by SKILL.md and its folder, Decision Record needs the command-line tools its instructions call (npx). Our summary lists: Node.js. Its frontmatter pre-approves these tools: Read, Write, Grep, Glob, Bash(cat:*), Bash(find:*), Bash(head:*), Bash(ls:*), Bash(grep:*), Bash(rg:*).
SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Decision Record is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.8k tokens (SKILL.md is roughly 11k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Decision Record: Typeui Fundamentals (bergside/typeui, 2k stars), Ds Plan (baloise/design-system, 114 stars), Design Standards (rampstackco/claude-skills, 935 stars) and Design System Context (HermeticOrmus/LibreUIUX-Claude-Code, 111 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
murphytrueman (a GitHub user) maintains it in murphytrueman/design-system-ops, which has 201 GitHub stars. The repository holds 36 skills in this directory. The repository was last updated on September 24, 2026.
Source: murphytrueman/design-system-ops on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.