·shadcn-vue
</>

shadcn-vue

shadcn-vue per Vue/Nuxt con componenti Reka UI e Tailwind. Utilizzare per interfaccia utente accessibile, modulo automatico, tabelle di dati, grafici, modalità oscura, configurazione del server MCP o per riscontrare importazioni di componenti ed errori dell'interfaccia utente Reka.

322Installazioni·8Tendenza·@noartem

Installazione

$npx skills add https://github.com/noartem/laravel-vue-skills --skill shadcn-vue

Come installare shadcn-vue

Installa rapidamente la skill AI shadcn-vue 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/noartem/laravel-vue-skills --skill shadcn-vue
  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: noartem/laravel-vue-skills.

| Enable CSS variables | components.json → tailwind.cssVariables: true | | Add registry namespace | components.json → registries map | | Opencode MCP init | npx shadcn-vue@latest mcp init --client opencode | | Codex MCP config | /.codex/config.toml with mcpservers.shadcn |

Full example: See templates/components.json or generate via npx shadcn-vue@latest init

The @/lib/utils.ts file provides the cn() helper for merging Tailwind classes:

shadcn-vue per Vue/Nuxt con componenti Reka UI e Tailwind. Utilizzare per interfaccia utente accessibile, modulo automatico, tabelle di dati, grafici, modalità oscura, configurazione del server MCP o per riscontrare importazioni di componenti ed errori dell'interfaccia utente Reka. Fonte: noartem/laravel-vue-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

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

Browse more skills from noartem/laravel-vue-skills

Risposte rapide

Che cos'è shadcn-vue?

shadcn-vue per Vue/Nuxt con componenti Reka UI e Tailwind. Utilizzare per interfaccia utente accessibile, modulo automatico, tabelle di dati, grafici, modalità oscura, configurazione del server MCP o per riscontrare importazioni di componenti ed errori dell'interfaccia utente Reka. Fonte: noartem/laravel-vue-skills.

Come installo shadcn-vue?

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/noartem/laravel-vue-skills --skill shadcn-vue 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/noartem/laravel-vue-skills