·tui-design
*

tui-design

Questa competenza dovrebbe essere utilizzata durante la progettazione delle interfacce utente del terminale, la creazione di layout TUI, la scelta degli schemi di colori TUI, l'implementazione della navigazione tramite tastiera, la creazione di dashboard del terminale o l'utilizzo di qualsiasi framework TUI. Si attiva su menzioni di progettazione TUI, interfaccia utente del terminale, layout Ratatui, componenti input penna, widget testuali, visualizzazioni Bubbletea, tavolozza dei colori del terminale, progettazione delle combinazioni di tasti, layout del pannello, riquadri divisi, dashboard del terminale, caratteri di disegno di riquadri, sparkline, barre di avanzamento, finestre di dialogo modali, gestione del focus o accessibilità del terminale.

56Installazioni·21Tendenza·@hyperb1iss

Installazione

$npx skills add https://github.com/hyperb1iss/hyperskills --skill tui-design

Come installare tui-design

Installa rapidamente la skill AI tui-design 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/hyperb1iss/hyperskills --skill tui-design
  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: hyperb1iss/hyperskills.

Universal design patterns for building exceptional terminal user interfaces. Framework-agnostic — works with Ratatui, Ink, Textual, Bubbletea, or any TUI toolkit.

Core philosophy: TUIs earn their power through spatial consistency, keyboard fluency, and information density that respects human attention. Design for the expert's speed without abandoning the beginner's discoverability.

| File manager | Miller Columns | yazi, ranger | | Git / DevOps tool | Persistent Multi-Panel | lazygit, lazydocker | | System monitor | Widget Dashboard | btop, bottom, oxker | | Data browser / K8s | Drill-Down Stack | k9s, diskonaut | | SQL / HTTP client | IDE Three-Panel | harlequin, posting | | Shell augmentation | Overlay / Popup | atuin, fzf |

Questa competenza dovrebbe essere utilizzata durante la progettazione delle interfacce utente del terminale, la creazione di layout TUI, la scelta degli schemi di colori TUI, l'implementazione della navigazione tramite tastiera, la creazione di dashboard del terminale o l'utilizzo di qualsiasi framework TUI. Si attiva su menzioni di progettazione TUI, interfaccia utente del terminale, layout Ratatui, componenti input penna, widget testuali, visualizzazioni Bubbletea, tavolozza dei colori del terminale, progettazione delle combinazioni di tasti, layout del pannello, riquadri divisi, dashboard del terminale, caratteri di disegno di riquadri, sparkline, barre di avanzamento, finestre di dialogo modali, gestione del focus o accessibilità del terminale. Fonte: hyperb1iss/hyperskills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/hyperb1iss/hyperskills --skill tui-design
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-25
Aggiornato
2026-03-11

Browse more skills from hyperb1iss/hyperskills

Risposte rapide

Che cos'è tui-design?

Questa competenza dovrebbe essere utilizzata durante la progettazione delle interfacce utente del terminale, la creazione di layout TUI, la scelta degli schemi di colori TUI, l'implementazione della navigazione tramite tastiera, la creazione di dashboard del terminale o l'utilizzo di qualsiasi framework TUI. Si attiva su menzioni di progettazione TUI, interfaccia utente del terminale, layout Ratatui, componenti input penna, widget testuali, visualizzazioni Bubbletea, tavolozza dei colori del terminale, progettazione delle combinazioni di tasti, layout del pannello, riquadri divisi, dashboard del terminale, caratteri di disegno di riquadri, sparkline, barre di avanzamento, finestre di dialogo modali, gestione del focus o accessibilità del terminale. Fonte: hyperb1iss/hyperskills.

Come installo tui-design?

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/hyperb1iss/hyperskills --skill tui-design 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/hyperb1iss/hyperskills

Dettagli

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