·tailwind-patterns
</>

tailwind-patterns

✓
jezweb/claude-skillsGitHub: jezweb/claude-skillsFonte: jezweb/claude-skills

Modelli CSS Tailwind pronti per la produzione per componenti comuni di siti Web: layout reattivi, schede, navigazione, moduli, pulsanti e tipografia. Include scala di spaziatura, punti di interruzione, modelli mobile-first e supporto della modalità oscura. Da utilizzare durante la creazione di componenti dell'interfaccia utente, la creazione di pagine di destinazione, lo styling di moduli, l'implementazione della navigazione o la correzione di layout reattivi.

jezweb·tailwind·patterns
1.1KInstallazioni·0Tendenza·@jezweb

Installazione

GitHub: jezweb/claude-skills
$npx skills add https://github.com/jezweb/claude-skills --skill tailwind-patterns

Come installare tailwind-patterns

Installa rapidamente la skill AI tailwind-patterns nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/jezweb/claude-skills --skill tailwind-patterns
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: jezweb/claude-skills.

SKILL.md

Visualizza raw

Status: Production Ready ✅ Last Updated: 2026-01-14 Tailwind Compatibility: v3.x and v4.x Source: Production projects, shadcn/ui patterns

| Tight spacing | gap-2 p-2 space-y-2 | 0.5rem (8px) | | Standard spacing | gap-4 p-4 space-y-4 | 1rem (16px) | | Comfortable | gap-6 p-6 space-y-6 | 1.5rem (24px) | | Loose | gap-8 p-8 space-y-8 | 2rem (32px) | | Section spacing | py-16 sm:py-24 | 4rem/6rem (64px/96px) |

Standard Pattern: Use increments of 4 (4, 6, 8, 12, 16, 24)

Modelli CSS Tailwind pronti per la produzione per componenti comuni di siti Web: layout reattivi, schede, navigazione, moduli, pulsanti e tipografia. Include scala di spaziatura, punti di interruzione, modelli mobile-first e supporto della modalità oscura. Da utilizzare durante la creazione di componenti dell'interfaccia utente, la creazione di pagine di destinazione, lo styling di moduli, l'implementazione della navigazione o la correzione di layout reattivi. Fonte: jezweb/claude-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/jezweb/claude-skills --skill tailwind-patterns
Fonte
jezweb/claude-skills
Categoria
</>Sviluppo
Verificato
✓
Prima apparizione
2026-02-01
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/jezweb/claude-skills/tailwind-patterns

Browse more skills from jezweb/claude-skills

Risposte rapide

Che cos'è tailwind-patterns?

Modelli CSS Tailwind pronti per la produzione per componenti comuni di siti Web: layout reattivi, schede, navigazione, moduli, pulsanti e tipografia. Include scala di spaziatura, punti di interruzione, modelli mobile-first e supporto della modalità oscura. Da utilizzare durante la creazione di componenti dell'interfaccia utente, la creazione di pagine di destinazione, lo styling di moduli, l'implementazione della navigazione o la correzione di layout reattivi. Fonte: jezweb/claude-skills.

Come installo tailwind-patterns?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/jezweb/claude-skills --skill tailwind-patterns Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/jezweb/claude-skills

Dettagli

Categoria
</>Sviluppo
Fonte
skills.sh
Prima apparizione
2026-02-01

Skills correlate

tailwind-v4-shadcn
2.7K Installazioni
tanstack-query
2.5K Installazioni
fastapi
2.0K Installazioni
zustand-state-management
1.2K Installazioni
react-hook-form-zod
1.2K Installazioni
nextjs
1.0K Installazioni