# Tailwind Design System

> Crie design systems prontos para produção com Tailwind CSS, incluindo design tokens, variantes de componentes, padrões responsivos e acessibilidade.

- Skill: `artubss/tailwind-design-system` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add artubss/tailwind-design-system`
- Raw SKILL.md: https://api.skillmd.com/api/skills/artubss/tailwind-design-system/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: artubss (https://skillmd.com/u/artubss)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/artubss/tailwind-design-system

---


# 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.