Embed badge
Show
Style
[](https://versuz.dev/skills/asanchez144-mis-superpoderes-skills-tailwind-design-system)Free SKILL.md scraped from GitHub. Clone the repo or copy the file directly into your Claude Code skills directory.
npx versuz@latest install asanchez144-mis-superpoderes-skills-tailwind-design-systemgit clone https://github.com/ASanchez144/mis-superpoderes.gitcp mis-superpoderes/SKILL.MD ~/.claude/skills/asanchez144-mis-superpoderes-skills-tailwind-design-system/SKILL.md--- name: tailwind-design-system description: Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns. --- # Tailwind Design System Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility. ## Use this skill when - Creating a component library with Tailwind - Implementing design tokens and theming - Building responsive and accessible components - Standardizing UI patterns across a codebase - Migrating to or extending Tailwind CSS - Setting up dark mode and color schemes ## Do not use this skill when - The task is unrelated to tailwind design system - You need a different domain or tool outside this scope ## Instructions - Clarify goals, constraints, and required inputs. - Apply relevant best practices and validate outcomes. - Provide actionable steps and verification. - If detailed examples are required, open `resources/implementation-playbook.md`. ## Resources - `resources/implementation-playbook.md` for detailed patterns and examples.