Skip to content

slurpyb/design-system

v1.0.0MIT

Design-system skills for web components, Storybook, state machines, CSS tooling, design docs, and modern web guidance.

design-md

Author, consume, and enforce a DESIGN.md design system spec (Google Labs open format, package @google/design.md). This skill should be used when the project has a DESIGN.md at the root or under docs/, when the user mentions "design tokens", "design system spec", "DESIGN.md", "tokens.json", needs to translate a design system into Tailwind theme config, export tokens to DTCG, lint token consistency, diff design system revisions, or check WCAG contrast on component color pairs. Acts as the upstream source of truth for the impeccable sub-commands (colorize/typeset/audit/critique), web-design-guidelines, and shadcn.

Read SKILL.md at the source

Pinned to revision 7a07e3df018f, so it is the text this page describes rather than whatever the author pushed since.

Pre-approved tools experimental

Experimental field. Support varies between clients, so this list is what the author declared, not what your client will enforce.

  • Bash(npx @google/design.md*)
  • Bash(npx @google/design.md@latest *)
  • Read
  • Write
  • Edit
  • Glob
  • Grep
  • WebFetch

Files

Every link opens the file at its source, pinned to the revision this page describes.