·shadcn
*

shadcn

✓
velcrafting/codex-skillsGitHub: velcrafting/codex-skillsFonte: velcrafting/codex-skills

Questa competenza deve essere utilizzata quando l'utente chiede di "aggiungere un componente", "utilizzare shadcn", "installare pulsante", "creare finestra di dialogo", "aggiungere modulo", "utilizzare DataTable", "implementare l'attivazione/disattivazione della modalità oscura", "utilizzare l'utilità cn" o discute di componenti dell'interfaccia utente, librerie di componenti o componenti accessibili. Utilizza sempre la versione shadcn/ui più recente e i pattern moderni.

velcrafting·shadcn
11Installazioni·0Tendenza·@velcrafting

Installazione

GitHub: velcrafting/codex-skills
$npx skills add https://github.com/velcrafting/codex-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/velcrafting/codex-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: velcrafting/codex-skills.

SKILL.md

Visualizza raw

This skill provides guidance for building interfaces with shadcn/ui, focusing on always using the latest version and modern patterns.

Philosophy: Copy and own your components. Use the new-york style. Leverage Radix UI primitives for accessibility.

| Style | new-york | default (deprecated) | | Toast | sonner | toast component | | Animation | CSS/tw-animate-css | tailwindcss-animate | | forwardRef | Direct ref prop (React 19) | forwardRef wrapper |

Questa competenza deve essere utilizzata quando l'utente chiede di "aggiungere un componente", "utilizzare shadcn", "installare pulsante", "creare finestra di dialogo", "aggiungere modulo", "utilizzare DataTable", "implementare l'attivazione/disattivazione della modalità oscura", "utilizzare l'utilità cn" o discute di componenti dell'interfaccia utente, librerie di componenti o componenti accessibili. Utilizza sempre la versione shadcn/ui più recente e i pattern moderni. Fonte: velcrafting/codex-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/velcrafting/codex-skills --skill shadcn
Fonte
velcrafting/codex-skills
Categoria
*Creatività
Verificato
✓
Prima apparizione
2026-02-01
Aggiornato
2026-03-11
URL
https://www.learn-skills.dev/it/skills/velcrafting/codex-skills/shadcn

Browse more skills from velcrafting/codex-skills

Risposte rapide

Che cos'è shadcn?

Questa competenza deve essere utilizzata quando l'utente chiede di "aggiungere un componente", "utilizzare shadcn", "installare pulsante", "creare finestra di dialogo", "aggiungere modulo", "utilizzare DataTable", "implementare l'attivazione/disattivazione della modalità oscura", "utilizzare l'utilità cn" o discute di componenti dell'interfaccia utente, librerie di componenti o componenti accessibili. Utilizza sempre la versione shadcn/ui più recente e i pattern moderni. Fonte: velcrafting/codex-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/velcrafting/codex-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/velcrafting/codex-skills

Dettagli

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

Skills correlate

prediction-arbitrage-scout
39 Installazioni
tailwindcss
7 Installazioni
stripe
6 Installazioni