·ui-design-system
*

ui-design-system

✓
samhvw8/dot-claudeGitHub: samhvw8/dot-claudeFonte: samhvw8/dot-claude

Sistemi di componenti dell'interfaccia utente React con TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (stile), Radix UI (primitive), shadcn/ui (componenti), React/Next.js. Funzionalità: architettura del sistema di progettazione, componenti accessibili, layout reattivi, temi, modalità oscura, composizione dei componenti. Azioni: revisione, progettazione, creazione, miglioramento, refactoring dei componenti dell'interfaccia utente. Parole chiave: TailwindCSS, Radix UI, shadcn/ui, sistema di progettazione, libreria di componenti, accessibilità, ARIA, responsivo, modalità oscura, temi, variabili CSS, architettura dei componenti, progettazione atomica, token di progettazione, variante, slot, composizione. Da utilizzare quando: creazione di librerie di componenti, implementazione di shadcn/ui, creazione di interfacce utente accessibili, impostazione di sistemi di progettazione, aggiunta di modalità oscura/temi, revisione dell'architettura dei componenti dell'interfaccia utente.

samhvw8·ui·design·system
1.9KInstallazioni·19Tendenza·@samhvw8

Installazione

GitHub: samhvw8/dot-claude
$npx skills add https://github.com/samhvw8/dot-claude --skill ui-design-system

Come installare ui-design-system

Installa rapidamente la skill AI ui-design-system 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/samhvw8/dot-claude --skill ui-design-system
  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: samhvw8/dot-claude.

SKILL.md

Visualizza raw

Comprehensive UI/UX design, review, and improvement for modern web applications.

Production-ready implementations with TailwindCSS + Radix UI + shadcn/ui and modern React patterns.

Key Principle: Each layer enhances the one below. Start with Tailwind for styling, add Radix for accessible behavior, use shadcn/ui for complete components.

Sistemi di componenti dell'interfaccia utente React con TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (stile), Radix UI (primitive), shadcn/ui (componenti), React/Next.js. Funzionalità: architettura del sistema di progettazione, componenti accessibili, layout reattivi, temi, modalità oscura, composizione dei componenti. Azioni: revisione, progettazione, creazione, miglioramento, refactoring dei componenti dell'interfaccia utente. Parole chiave: TailwindCSS, Radix UI, shadcn/ui, sistema di progettazione, libreria di componenti, accessibilità, ARIA, responsivo, modalità oscura, temi, variabili CSS, architettura dei componenti, progettazione atomica, token di progettazione, variante, slot, composizione. Da utilizzare quando: creazione di librerie di componenti, implementazione di shadcn/ui, creazione di interfacce utente accessibili, impostazione di sistemi di progettazione, aggiunta di modalità oscura/temi, revisione dell'architettura dei componenti dell'interfaccia utente. Fonte: samhvw8/dot-claude.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/samhvw8/dot-claude --skill ui-design-system
Fonte
samhvw8/dot-claude
Categoria
*Creatività
Verificato
✓
Prima apparizione
2026-02-01
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/samhvw8/dot-claude/ui-design-system

Browse more skills from samhvw8/dot-claude

Risposte rapide

Che cos'è ui-design-system?

Sistemi di componenti dell'interfaccia utente React con TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (stile), Radix UI (primitive), shadcn/ui (componenti), React/Next.js. Funzionalità: architettura del sistema di progettazione, componenti accessibili, layout reattivi, temi, modalità oscura, composizione dei componenti. Azioni: revisione, progettazione, creazione, miglioramento, refactoring dei componenti dell'interfaccia utente. Parole chiave: TailwindCSS, Radix UI, shadcn/ui, sistema di progettazione, libreria di componenti, accessibilità, ARIA, responsivo, modalità oscura, temi, variabili CSS, architettura dei componenti, progettazione atomica, token di progettazione, variante, slot, composizione. Da utilizzare quando: creazione di librerie di componenti, implementazione di shadcn/ui, creazione di interfacce utente accessibili, impostazione di sistemi di progettazione, aggiunta di modalità oscura/temi, revisione dell'architettura dei componenti dell'interfaccia utente. Fonte: samhvw8/dot-claude.

Come installo ui-design-system?

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/samhvw8/dot-claude --skill ui-design-system 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/samhvw8/dot-claude

Dettagli

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

Skills correlate

ui-ux-design
118 Installazioni
claude-md-architect
84 Installazioni
nextjs-turborepo
78 Installazioni
project-planner
56 Installazioni
google-adk-python
50 Installazioni
mobile-development
41 Installazioni