tailwind-design-system

name	tailwind-design-system
description	Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.
type	skill
created	2026-02-27T00:00:00.000Z
domain	software-development
category	frontend
risk	safe
source	community
tags	["skill","software-development","frontend","tailwind","design","system"]

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.

Connections

• Domain: [[Software Entwicklung]]
• Kategorie: [[Frontend Entwicklung]]
• Navigation: [[Skills Uebersicht]], [[Home]]