Communitygithub.com

hairyf/tailwindcss

Framework CSS utilitário Tailwind CSS. Use ao estilizar aplicações web com classes utilitárias, construir designs responsivos ou personalizar sistemas de design com variáveis de tema.

O que é tailwindcss?

Esta skill fornece integração com o Tailwind CSS, um framework CSS utilitário que permite estilizar aplicações web de forma rápida e consistente usando classes utilitárias pré-definidas. Ela é especialmente útil para desenvolvedores que desejam construir interfaces responsivas e personalizar sistemas de design sem sair do HTML. Suporta plataformas como Claude Code, Cursor e Codex, permitindo que agentes de IA gerem estilos CSS diretamente com base em configurações de tema e variáveis. A skill funciona analisando o arquivo de configuração do Tailwind (tailwind.config.js) e aplicando classes utilitárias como `flex`, `text-center`, `bg-blue-500`, entre outras, garantindo designs coesos e responsivos. Isso acelera o desenvolvimento front-end ao reduzir a necessidade de escrever CSS customizado manualmente.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/hairyf/skills/tree/main/skills/tailwindcss

Perguntar na sua IA favorita

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

Documentação

O que tailwindcss faz?

Framework CSS utilitário Tailwind CSS. Use ao estilizar aplicações web com classes utilitárias, construir designs responsivos ou personalizar sistemas de design com variáveis de tema.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Habilidades Relacionadas