Skip to content
Store

Design systems

by Deska6 skills

Extract tokens from what exists, build on shadcn and Tailwind, and keep every component accessible.

Skills in this bundle

None of these skills include scripts: instructions only.

  1. extract-design-systemarvindrkExtract design primitives from a public website and generate starter token files for your project.129.9K installs on skills.sh0
  2. design-system-patternswshobsonBuild scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.15.2K installs on skills.sh0
  3. tailwind-design-systemwshobsonBuild scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.67.3K installs on skills.sh0
  4. shadcnshadcnManages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".271.1K installs on skills.sh0
  5. accessibilityaddyosmaniAudit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".59K installs on skills.sh0
  6. better-accessibilityjakubkrehelReviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zoom in your project against WCAG 2.2.24.3K installs on skills.sh0