·component-library
</>

component-library

Libreria completa di componenti React con oltre 30 componenti pronti per la produzione che utilizzano l'architettura shadcn/ui, varianti CVA, primitive dell'interfaccia utente Radix e Tailwind CSS. Utilizzare quando gli utenti hanno bisogno di (1) creare componenti dell'interfaccia utente di React con modelli moderni, (2) creare sistemi di componenti completi con un design coerente, (3) implementare componenti accessibili, reattivi e pronti per la modalità oscura, (4) generare componenti di moduli con l'integrazione di React Hook Form, (5) creare componenti di visualizzazione dei dati come tabelle, schede, grafici o (6) creare componenti di navigazione, layout o feedback. Fornisce la generazione istantanea di componenti personalizzabili la cui codifica manuale richiederebbe altrimenti 20-45 minuti ciascuno.

27Installazioni·0Tendenza·@bbeierle12

Installazione

$npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill component-library

Come installare component-library

Installa rapidamente la skill AI component-library 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/bbeierle12/skill-mcp-claude --skill component-library
  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: bbeierle12/skill-mcp-claude.

Generate production-ready React components with shadcn/ui patterns, saving 8-10 hours per project.

Libreria completa di componenti React con oltre 30 componenti pronti per la produzione che utilizzano l'architettura shadcn/ui, varianti CVA, primitive dell'interfaccia utente Radix e Tailwind CSS. Utilizzare quando gli utenti hanno bisogno di (1) creare componenti dell'interfaccia utente di React con modelli moderni, (2) creare sistemi di componenti completi con un design coerente, (3) implementare componenti accessibili, reattivi e pronti per la modalità oscura, (4) generare componenti di moduli con l'integrazione di React Hook Form, (5) creare componenti di visualizzazione dei dati come tabelle, schede, grafici o (6) creare componenti di navigazione, layout o feedback. Fornisce la generazione istantanea di componenti personalizzabili la cui codifica manuale richiederebbe altrimenti 20-45 minuti ciascuno. Fonte: bbeierle12/skill-mcp-claude.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill component-library
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from bbeierle12/skill-mcp-claude

Risposte rapide

Che cos'è component-library?

Libreria completa di componenti React con oltre 30 componenti pronti per la produzione che utilizzano l'architettura shadcn/ui, varianti CVA, primitive dell'interfaccia utente Radix e Tailwind CSS. Utilizzare quando gli utenti hanno bisogno di (1) creare componenti dell'interfaccia utente di React con modelli moderni, (2) creare sistemi di componenti completi con un design coerente, (3) implementare componenti accessibili, reattivi e pronti per la modalità oscura, (4) generare componenti di moduli con l'integrazione di React Hook Form, (5) creare componenti di visualizzazione dei dati come tabelle, schede, grafici o (6) creare componenti di navigazione, layout o feedback. Fornisce la generazione istantanea di componenti personalizzabili la cui codifica manuale richiederebbe altrimenti 20-45 minuti ciascuno. Fonte: bbeierle12/skill-mcp-claude.

Come installo component-library?

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/bbeierle12/skill-mcp-claude --skill component-library 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/bbeierle12/skill-mcp-claude