Modelli di progettazione dell'interfaccia utente per React + TailwindCSS. Da utilizzare quando si creano nuovi componenti dell'interfaccia utente, elementi di stile, si implementa il supporto della modalità oscura o si lavora su qualsiasi componente React che necessita di uno stile coerente.
Installa rapidamente la skill AI ui-patterns nel tuo ambiente di sviluppo tramite riga di comando
Fonte: cliangdev/specflux.
All UI components MUST support dark mode using Tailwind's class strategy.
| gap-1.5 | Icon + text in badges | | gap-2 | Button groups | | gap-3 | Form fields | | gap-4 | Section spacing | | gap-6 | Major section spacing | | p-4 | Card padding | | p-6 | Modal/panel padding |
Modelli di progettazione dell'interfaccia utente per React + TailwindCSS. Da utilizzare quando si creano nuovi componenti dell'interfaccia utente, elementi di stile, si implementa il supporto della modalità oscura o si lavora su qualsiasi componente React che necessita di uno stile coerente. Fonte: cliangdev/specflux.
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/cliangdev/specflux --skill ui-patterns 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
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/cliangdev/specflux --skill ui-patternsModelli di progettazione dell'interfaccia utente per React + TailwindCSS. Da utilizzare quando si creano nuovi componenti dell'interfaccia utente, elementi di stile, si implementa il supporto della modalità oscura o si lavora su qualsiasi componente React che necessita di uno stile coerente. Fonte: cliangdev/specflux.
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/cliangdev/specflux --skill ui-patterns 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
https://github.com/cliangdev/specflux