Skip to content
← Tools / Skills
Skill · .md packageweb-design collection/10 trustVerified

design-system

Token architecture, component specifications, and slide generation.

Visit official site →

About

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

argument-hint: "[component or token]

What it can do

  • Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.
  • argument-hint: "[component or token]

Setup

  1. Install: npx skills add <owner/repo> --all
  2. The skill auto-loads when relevant, or invoke it by name in your agent.

Prerequisites

A compatible AI coding agent (Claude Code, Cursor, etc.).

Use cases

design

Works with

Claude CodeAny agent (.md)

Trust score — 6/10

/10 trustVerified

Community web-design and frontend skill collection. Useful patterns for UI/UX work; verify individual skill quality.

Sources

Every fact above was checked against these sources. Where a claim comes from the provider and couldn't be independently verified, the text says so.