Gerador Tailwind Config (CLI)

Usar Tailwind fora de um framework, direto pela CLI, é confortável até a hora de escrever o config. O init cria um esqueleto vazio e você ainda precisa lembrar o formato do array de content e onde exatamente entram as cores da marca, se em theme ou em theme.extend. Errar isso significa apagar a paleta padrão sem perceber.

O bloco sai pronto, sem campos para configurar, e já está na tela quando a página carrega. Ele traz o comentário de tipo do JSDoc, content apontando para ./src com as extensões html, js, ts, jsx, tsx e ejs, um theme.extend.colors.brand com os tons 50, 500 e 900, e plugins vazio. Por usar extend, e não substituir theme, todas as cores nativas do Tailwind continuam disponíveis.

Repare que content cobre apenas ./src. Um index.html na raiz do projeto fica de fora e suas classes somem do CSS final sem aviso nenhum, o que rende uns bons minutos de confusão. Outro ponto: este é o formato do Tailwind 3. Na versão 4 a configuração migrou para o próprio CSS, com @theme, e o arquivo JS só é lido se você apontar para ele com @config. Roda no navegador.