Che cos'è shadcn-best-practices?
shadcn/ui fatto bene. Personalizzazione dei componenti, modelli di modulo, temi, accessibilità e modelli di composizione. Fonte: ofershap/shadcn-best-practices.
·shadcn-best-practices
</>
shadcn-best-practices
✓ofershap/shadcn-best-practicesGitHub: ofershap/shadcn-best-practicesFonte: ofershap/shadcn-best-practices
shadcn/ui fatto bene. Personalizzazione dei componenti, modelli di modulo, temi, accessibilità e modelli di composizione.
Installazione
Come installare shadcn-best-practices
Installa rapidamente la skill AI shadcn-best-practices nel tuo ambiente di sviluppo tramite riga di comando
- Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
- Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/ofershap/shadcn-best-practices --skill shadcn-best-practices
- 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: ofershap/shadcn-best-practices.
SKILL.md
Visualizza rawUse this skill when working with shadcn/ui. Agents often treat it as a conventional npm package, suggest wrong imports, skip the form patterns, and ignore the copy-paste architecture. This skill anchors correct component sourcing, form patterns with React Hook Form + Zod, theming via CSS variables, and composition patterns.
Why: shadcn/ui is a collection of copy-paste components. You copy them into your project and own the source. There is no @shadcn/ui package to import from.
Why: cn() from @/lib/utils merges Tailwind classes correctly and resolves conflicts. Template literals produce invalid combinations and unpredictable specificity.
shadcn/ui fatto bene. Personalizzazione dei componenti, modelli di modulo, temi, accessibilità e modelli di composizione. Fonte: ofershap/shadcn-best-practices.
Fatti (pronti per citazione)
Campi e comandi stabili per citazioni AI/ricerca.
- Comando di installazione
npx skills add https://github.com/ofershap/shadcn-best-practices --skill shadcn-best-practices- Categoria
- </>Sviluppo
- Verificato
- ✓
- Prima apparizione
- 2026-03-13
- Aggiornato
- 2026-03-13
Risposte rapide
Come installo shadcn-best-practices?
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/ofershap/shadcn-best-practices --skill shadcn-best-practices 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/ofershap/shadcn-best-practices
Dettagli
- Categoria
- </>Sviluppo
- Fonte
- skills.sh
- Prima apparizione
- 2026-03-13
Skills correlate
Nessuna