·ui-styling
*

ui-styling

Crea interfacce utente belle e accessibili con componenti shadcn/ui (basati su Radix UI + Tailwind), stili basati sull'utilità Tailwind CSS e progetti visivi basati su canvas. Da utilizzare durante la creazione di interfacce utente, l'implementazione di sistemi di progettazione, la creazione di layout reattivi, l'aggiunta di componenti accessibili (dialoghi, menu a discesa, moduli, tabelle), la personalizzazione di temi e colori, l'implementazione della modalità oscura, la generazione di progetti visivi e poster o la definizione di modelli di stile coerenti tra le applicazioni.

23Installazioni·0Tendenza·@binhmuc

Installazione

$npx skills add https://github.com/binhmuc/autobot-review --skill ui-styling

Come installare ui-styling

Installa rapidamente la skill AI ui-styling 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/binhmuc/autobot-review --skill ui-styling
  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: binhmuc/autobot-review.

Comprehensive skill for creating beautiful, accessible user interfaces combining shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

CLI prompts for framework, TypeScript, paths, and theme preferences. This configures both shadcn/ui and Tailwind CSS.

Comprehensive component catalog with usage patterns, installation, and composition examples.

Crea interfacce utente belle e accessibili con componenti shadcn/ui (basati su Radix UI + Tailwind), stili basati sull'utilità Tailwind CSS e progetti visivi basati su canvas. Da utilizzare durante la creazione di interfacce utente, l'implementazione di sistemi di progettazione, la creazione di layout reattivi, l'aggiunta di componenti accessibili (dialoghi, menu a discesa, moduli, tabelle), la personalizzazione di temi e colori, l'implementazione della modalità oscura, la generazione di progetti visivi e poster o la definizione di modelli di stile coerenti tra le applicazioni. Fonte: binhmuc/autobot-review.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/binhmuc/autobot-review --skill ui-styling
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from binhmuc/autobot-review

Risposte rapide

Che cos'è ui-styling?

Crea interfacce utente belle e accessibili con componenti shadcn/ui (basati su Radix UI + Tailwind), stili basati sull'utilità Tailwind CSS e progetti visivi basati su canvas. Da utilizzare durante la creazione di interfacce utente, l'implementazione di sistemi di progettazione, la creazione di layout reattivi, l'aggiunta di componenti accessibili (dialoghi, menu a discesa, moduli, tabelle), la personalizzazione di temi e colori, l'implementazione della modalità oscura, la generazione di progetti visivi e poster o la definizione di modelli di stile coerenti tra le applicazioni. Fonte: binhmuc/autobot-review.

Come installo ui-styling?

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/binhmuc/autobot-review --skill ui-styling 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/binhmuc/autobot-review