home/categories/full-stack/josechifflet-architecture-patterns-nextjs-trpc-drizzle-tailwind-shadcn-claude-skills-tailwindcss-skill-md
full-stackdevelopment

tailwindcss

Tailwind CSS v4 patterns for styling Next.js applications. This skill should be used when styling components, creating responsive layouts, implementing design systems, or working with custom utilities. Covers v4-specific CSS-first configuration with @theme/@import/@utility directives, design tokens, responsive patterns, mobile-first design, and Atlas-specific conventions including 8px grid spacing system and accessibility patterns.

josechifflet
maintainer
josechifflet
Atualizado 10/26/2025
Estrelas
1
Forks
0
quick start

Installation and usage

Tailwind CSS v4 patterns for styling Next.js applications. This skill should be used when styling components, creating responsive layouts, implementing design systems, or working with custom utilities. Covers v4-specific CSS-first configuration with @theme/@import/@utility directives, design tokens, responsive patterns, mobile-first design, and Atlas-specific conventions including 8px grid spacing system and accessibility patterns.

Instalação
$ install --globalskills.sh
Uso

Depois de instalar, você pode usar esta skill executando o seguinte comando no terminal:

skills use tailwindcss