Log inSign up
Skills › Frontend & frameworks
wshobson logo
#206 by installsFrontend & frameworkswshobson/agents

tailwind-design-system

Build production-ready design systems with Tailwind CSS v4, tokens, and component libraries

Installs
70.5K
all time
This week
1.1K
installs
Repo stars
40.2K
GitHub
First seen
Jan 20, 2026
on skills.sh
Install
npx skills add https://github.com/wshobson/agents --skill tailwind-design-system
Works with Claude Code, Cursor, Codex, GitHub Copilot, Windsurf, Gemini CLI and other agents that read SKILL.md.
What it does

Master Tailwind CSS v4's CSS-first approach to create scalable design systems with design tokens, component variants, and responsive patterns. Use this skill when standardizing UI across codebases, implementing theming, or migrating from v3. It covers accessibility, dark mode, and production-grade component library setup.

  • Design token management and CSS-first theming with native CSS features
  • Build accessible, responsive component variants with Tailwind v4 syntax
  • Implement dark mode and multi-theme support using modern CSS capabilities
  • Migrate and upgrade existing Tailwind v3 projects to v4
Source on GitHub ↗On skills.sh ↗