Communitygithub.com

bobmatnyc/tailwind-css

Framework utilitário Tailwind CSS para desenvolvimento rápido de UI com design responsivo e modo escuro

O que é tailwind-css?

Este skill capacita agentes de IA a utilizar o Tailwind CSS, um framework CSS utilitário de primeira classe, para construir interfaces de usuário modernas de forma rápida e consistente. Ele permite que o agente entenda e aplique classes utilitárias como `flex`, `pt-4`, `text-center` e `hover:bg-gray-700`, além de gerenciar design responsivo com breakpoints como `sm:`, `md:` e `lg:`. O skill também suporta a configuração e uso do modo escuro via classes como `dark:bg-gray-900`. É ideal para desenvolvedores que usam assistentes de IA em editores como Cursor, Codex ou Claude Code, agilizando a criação de componentes estilizados seguindo as melhores práticas do Tailwind. O agente pode gerar código HTML/JSX otimizado, personalizar o arquivo `tailwind.config.js` e aplicar variações de estado como `hover`, `focus` e `active`.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/bobmatnyc/claude-mpm-skills/tree/main/skills/tailwind-css

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que tailwind-css faz?

Framework utilitário Tailwind CSS para desenvolvimento rápido de UI com design responsivo e modo escuro

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

Habilidades Relacionadas