Installs into .claude/skills of the current project.
Sponsors
SSkills DirectorySkills Directory
Know which skills are safe — weekly.
SSkills DirectorySkills Directory
Is that skill safe to install?
Are you the author of Tailwind Design System?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/artubss-tailwind-design-system)
---
name: tailwind-design-system
description: "Crie design systems prontos para produção com Tailwind CSS, incluindo design tokens, variantes de componentes, padrões responsivos e acessibilidade."
risk: safe
source: community
date_added: "2026-02-27"
---
# Tailwind Design System
Crie design systems prontos para produção com Tailwind CSS, incluindo design tokens, variantes de componentes, padrões responsivos e acessibilidade.
## Use essa skill quando
- Criar uma biblioteca de componentes com Tailwind
- Implementar design tokens e temas
- Construir componentes responsivos e acessíveis
- Padronizar padrões de UI em toda uma codebase
- Migrar para ou estender Tailwind CSS
- Configurar dark mode e esquemas de cores
## Não use essa skill quando
- A tarefa não é relacionada a design system Tailwind
- Você precisa de um domínio ou ferramenta diferente fora desse escopo
## Instruções
- Esclareça objetivos, restrições e inputs necessários.
- Aplique práticas recomendadas relevantes e valide resultados.
- Forneça etapas acionáveis e verificação.
- Se exemplos detalhados forem necessários, abra `resources/implementation-playbook.md`.
## Recursos
- `resources/implementation-playbook.md` para padrões e exemplos detalhados.
