·shadcn

Best practice e modelli della libreria dei componenti shadcn/ui (in precedenza shadcn-ui). Questa competenza dovrebbe essere utilizzata durante la scrittura, la revisione o il refactoring dei componenti shadcn/ui per garantire architettura, accessibilità e prestazioni adeguate. Trigger su attività che coinvolgono primitive Radix, stili Tailwind, convalida dei moduli con React Hook Form, tabelle dati, temi o modelli di composizione dei componenti.

6Installazioni·1Tendenza·@thongdn-it

Installazione

$npx skills add https://github.com/thongdn-it/react-agent-skills --skill shadcn

Come installare shadcn

Installa rapidamente la skill AI shadcn 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/thongdn-it/react-agent-skills --skill shadcn
  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: thongdn-it/react-agent-skills.

Comprehensive best practices guide for shadcn/ui applications, maintained by the shadcn/ui community. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

| 1 | Component Architecture | CRITICAL | arch- | | 2 | Accessibility Preservation | CRITICAL | ally- | | 3 | Styling & Theming | HIGH | style- | | 4 | Form Patterns | HIGH | form- | | 5 | Data Display | MEDIUM-HIGH | data- | | 6 | Component Composition | MEDIUM | comp- | | 7 | Performance Optimization | MEDIUM | perf- |

| 8 | State Management | LOW-MEDIUM | state- |

Best practice e modelli della libreria dei componenti shadcn/ui (in precedenza shadcn-ui). Questa competenza dovrebbe essere utilizzata durante la scrittura, la revisione o il refactoring dei componenti shadcn/ui per garantire architettura, accessibilità e prestazioni adeguate. Trigger su attività che coinvolgono primitive Radix, stili Tailwind, convalida dei moduli con React Hook Form, tabelle dati, temi o modelli di composizione dei componenti. Fonte: thongdn-it/react-agent-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/thongdn-it/react-agent-skills --skill shadcn
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from thongdn-it/react-agent-skills

Risposte rapide

Che cos'è shadcn?

Best practice e modelli della libreria dei componenti shadcn/ui (in precedenza shadcn-ui). Questa competenza dovrebbe essere utilizzata durante la scrittura, la revisione o il refactoring dei componenti shadcn/ui per garantire architettura, accessibilità e prestazioni adeguate. Trigger su attività che coinvolgono primitive Radix, stili Tailwind, convalida dei moduli con React Hook Form, tabelle dati, temi o modelli di composizione dei componenti. Fonte: thongdn-it/react-agent-skills.

Come installo shadcn?

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/thongdn-it/react-agent-skills --skill shadcn 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/thongdn-it/react-agent-skills