·shadcn-ui
*

shadcn-ui

Installa e configura i componenti shadcn/ui per i progetti React. Guida la selezione dei componenti, l'ordine di installazione, la gestione delle dipendenze, la personalizzazione con token semantici e ricette comuni dell'interfaccia utente (moduli, tabelle dati, navigazione, modali). Da utilizzare dopo che tailwind-theme-builder ha configurato l'infrastruttura del tema, quando si aggiungono componenti, si creano moduli, si creano tabelle di dati o si imposta la navigazione.

915Installazioni·39Tendenza·@jezweb

Installazione

$npx skills add https://github.com/jezweb/claude-skills --skill shadcn-ui

Come installare shadcn-ui

Installa rapidamente la skill AI shadcn-ui 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 shadcn-ui
  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.

Add shadcn/ui components to a themed React project. This skill runs AFTER tailwind-theme-builder has set up CSS variables, ThemeProvider, and dark mode. It handles component installation, customisation, and combining components into working patterns.

Prerequisite: Theme infrastructure must exist (CSS variables, components.json, cn() utility). Use tailwind-theme-builder first if not set up.

Install components in dependency order. Foundation components first, then feature components:

Installa e configura i componenti shadcn/ui per i progetti React. Guida la selezione dei componenti, l'ordine di installazione, la gestione delle dipendenze, la personalizzazione con token semantici e ricette comuni dell'interfaccia utente (moduli, tabelle dati, navigazione, modali). Da utilizzare dopo che tailwind-theme-builder ha configurato l'infrastruttura del tema, quando si aggiungono componenti, si creano moduli, si creano tabelle di dati o si imposta la navigazione. 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 shadcn-ui
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-18
Aggiornato
2026-03-11

Browse more skills from jezweb/claude-skills

Risposte rapide

Che cos'è shadcn-ui?

Installa e configura i componenti shadcn/ui per i progetti React. Guida la selezione dei componenti, l'ordine di installazione, la gestione delle dipendenze, la personalizzazione con token semantici e ricette comuni dell'interfaccia utente (moduli, tabelle dati, navigazione, modali). Da utilizzare dopo che tailwind-theme-builder ha configurato l'infrastruttura del tema, quando si aggiungono componenti, si creano moduli, si creano tabelle di dati o si imposta la navigazione. Fonte: jezweb/claude-skills.

Come installo shadcn-ui?

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 shadcn-ui 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