design-system

Plugin design-system from marketplace mtrense-skills in mtrense/skills. Commands read from the repo's manifest — today.

Skills (12)

• deck-build

  Build a presentation in the design system's language: draft or resume a deck's OUTLINE.md (title, target theme, slide list where every slide instantiates a deck-kit master, per-slide content), confirm it with the human, then fan slide-smith workers out one-per-slide, assemble the reveal.js deck dete

• deck-kit

  Extend a finished design system with a presentation layer: spec the slide masters into deck-kit/DECKKIT.md (seeded from a bundled standard master catalog, trimmed per FOUNDATION.md), write each theme's deck.css bridge mapping reveal.js's --r-* vars onto the theme's --ds-* tokens, build every master

• deck-revise

  Revise the design system's presentation layer along any of three axes: the content/order of one existing deck (OUTLINE.md updated first, then targeted slide-smith rebuilds of exactly the changed slides), the structure of one deck-kit master (DECKKIT.md updated first, rebuilt across every theme's sam

• design-add-component

  Add one new component to a finished design system: spec it Socratically (seeded from the standard catalog when it's a known pattern), append it to COMPONENTS.md's catalog and sections, build it across every theme via a component-smith worker, re-assemble the kitchen-sinks, and gate with the determin

• design-add-theme

  Add one new theme (a light+dark pair) to a finished design system: optionally distill fresh references, seed a complete token strawman via the theme-drafter subagent (kept a deliberate sibling of the existing themes), refine Socratically with prototype loops, write the two theme directories, then re

• design-audit

  The design system's standing drift gate: run the deterministic design-check over every theme (WCAG contrast on token pairs, required roles, marker integrity against the catalog, RTL/long-string/ARIA/focus samples, data-ds-story marker coverage against the spec's variant lists, logical-class discipli

• design-build

  Drive the component kitchen-sinks to done: fan component-smith workers out one-per-component (each building that component across every theme), assemble each theme's index.html and the root index.html deterministically, run the design-check gate, and close with a visual-critic pass. Takes [<limit>|a

• design-components

  Spec the design system's component catalog: settle which components exist and, per component, the shared anatomy (one DOM for all themes), variants, states, accessibility contract, i18n slots, and what themes may vary — written to design-system/COMPONENTS.md with its machine-readable ## Catalog list

• design-foundation

  Start a new design system: distill the given design references and run a Socratic dialog to a shared design brief. Trigger whenever the user wants to start, found, or bootstrap a design system, define its visual direction, or distill design references into a brief — e.g. "let's build a design system

• design-prototype

  Render a quick, disposable design prototype to settle a visual question by eye: candidate color palettes, font pairings, spacing/radius/shadow directions, or whole token sets, shown side by side as swatches + type scale + a handful of sample components in light and dark. Trigger whenever a design de

• design-revise

  Revise a finished design system along either axis: the tokens of one existing theme (rebrand, contrast fix, font swap — pure value changes propagate through the CSS vars automatically; renamed/removed tokens trigger a targeted component pass) or the structure of one existing component (anatomy, vari

• design-themes

  Turn the design foundation's theme axes into concrete themes: for each theme a complete light+dark token pair (colors, fonts, radii, shadows) as CSS custom properties, refined Socratically with disposable prototypes and gated by WCAG contrast math. Trigger after /design-foundation whenever the user

Subagents (6)

• component-smith

  Write-side build worker for the design-build, design-add-component, design-add-theme, and design-revise skills. Given ONE component slug, its COMPONENTS.md spec, the token conventions, and the list of target theme directories, builds that component's kitchen-sink block for every target theme and wri

• deck-critic

  Read-only visual reviewer for the deck-kit, deck-build, and deck-revise skills. Given either a design-system directory (kit scope: the sample decks, all or named themes) or one deck directory (deck scope: its assembled index.html), opens the reveal.js pages in Chrome via file:// URLs (tools loaded v

• reference-analyst

  Read-only reference distiller for the design-foundation and design-add-theme skills. Given ONE design reference — a live site URL, a local image/export (screenshot, Figma or Claude Design export, product mock), or a named design system ("like shadcn", "Vercel-ish") — extracts its visual DNA into a c

• slide-smith

  Write-side build worker for the deck-kit, deck-build, and deck-revise skills. Runs in one of two modes. MASTER mode: given ONE master slug, its DECKKIT.md spec, the deck conventions, and the list of target theme directories, designs that master's reveal <section> block once (structure, sample conten

• theme-drafter

  Read-only seed worker for the design-themes and design-add-theme skills. Given a theme intent plus the design-system directory (FOUNDATION.md, references.md, the token conventions, and — for later themes — THEMES.md and existing sibling tokens.md files), proposes ONE complete theme as a light+dark t

• visual-critic

  Read-only visual reviewer for the design-build, design-add-component, design-add-theme, design-revise, and design-audit skills. Given the design-system directory and a scope (all themes, one theme, or specific component slugs), opens the assembled kitchen-sink pages in Chrome via file:// URLs (tools

Similar plugins