·shadcn-component-review
*

shadcn-component-review

Esamina i componenti e i layout personalizzati rispetto ai modelli di progettazione shadcn, agli stili dei temi (Maia, Vega, Lyra, Nova, Mira), alla struttura dei componenti, alla componibilità e alle best practice dell'interfaccia utente Radix. Da utilizzare durante la pianificazione di nuovi componenti, la revisione di componenti esistenti, il controllo della spaziatura, il controllo della struttura dei componenti o la verifica dell'allineamento delle migliori pratiche shadcn.

46Installazioni·3Tendenza·@mattbx

Installazione

$npx skills add https://github.com/mattbx/shadcn-skills --skill shadcn-component-review

Come installare shadcn-component-review

Installa rapidamente la skill AI shadcn-component-review 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/mattbx/shadcn-skills --skill shadcn-component-review
  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: mattbx/shadcn-skills.

Systematic review process for ensuring custom components and layouts align with shadcn design patterns, official theme styles, and Radix UI best practices.

Use gap- for flex/grid containers. Spacing varies by theme style:

| Vega | Standard | Classic shadcn | | Nova | Compact | Reduced padding/margins | | Maia | Generous | Soft, rounded | | Lyra | Standard | Boxy, sharp | | Mira | Dense | Compact interfaces |

Esamina i componenti e i layout personalizzati rispetto ai modelli di progettazione shadcn, agli stili dei temi (Maia, Vega, Lyra, Nova, Mira), alla struttura dei componenti, alla componibilità e alle best practice dell'interfaccia utente Radix. Da utilizzare durante la pianificazione di nuovi componenti, la revisione di componenti esistenti, il controllo della spaziatura, il controllo della struttura dei componenti o la verifica dell'allineamento delle migliori pratiche shadcn. Fonte: mattbx/shadcn-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/mattbx/shadcn-skills --skill shadcn-component-review
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-17
Aggiornato
2026-03-10

Browse more skills from mattbx/shadcn-skills

Risposte rapide

Che cos'è shadcn-component-review?

Esamina i componenti e i layout personalizzati rispetto ai modelli di progettazione shadcn, agli stili dei temi (Maia, Vega, Lyra, Nova, Mira), alla struttura dei componenti, alla componibilità e alle best practice dell'interfaccia utente Radix. Da utilizzare durante la pianificazione di nuovi componenti, la revisione di componenti esistenti, il controllo della spaziatura, il controllo della struttura dei componenti o la verifica dell'allineamento delle migliori pratiche shadcn. Fonte: mattbx/shadcn-skills.

Come installo shadcn-component-review?

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/mattbx/shadcn-skills --skill shadcn-component-review 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/mattbx/shadcn-skills

Dettagli

Categoria
*Creatività
Fonte
skills.sh
Prima apparizione
2026-02-17