·tui-design
*

tui-design

Esta habilidad debe usarse al diseñar interfaces de usuario de terminales, crear diseños de TUI, elegir esquemas de color de TUI, implementar navegación por teclado, crear paneles de terminales o trabajar con cualquier marco de TUI. Se activa ante menciones de diseño de TUI, interfaz de usuario de terminal, diseño de Ratatui, componentes de Ink, widgets textuales, vistas de Bubbletea, paleta de colores de terminal, diseño de combinación de teclas, diseño de panel, paneles divididos, panel de terminal, caracteres de dibujo de cuadros, minigráficos, barras de progreso, cuadros de diálogo modales, gestión de enfoque o accesibilidad de terminal.

56Instalaciones·21Tendencia·@hyperb1iss

Instalación

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

Cómo instalar tui-design

Instala rápidamente el skill de IA tui-design en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/hyperb1iss/hyperskills --skill tui-design
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: hyperb1iss/hyperskills.

SKILL.md

Ver original

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 |

Esta habilidad debe usarse al diseñar interfaces de usuario de terminales, crear diseños de TUI, elegir esquemas de color de TUI, implementar navegación por teclado, crear paneles de terminales o trabajar con cualquier marco de TUI. Se activa ante menciones de diseño de TUI, interfaz de usuario de terminal, diseño de Ratatui, componentes de Ink, widgets textuales, vistas de Bubbletea, paleta de colores de terminal, diseño de combinación de teclas, diseño de panel, paneles divididos, panel de terminal, caracteres de dibujo de cuadros, minigráficos, barras de progreso, cuadros de diálogo modales, gestión de enfoque o accesibilidad de terminal. Fuente: hyperb1iss/hyperskills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/hyperb1iss/hyperskills --skill tui-design
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-25
Actualizado
2026-03-11

Browse more skills from hyperb1iss/hyperskills

Respuestas rápidas

¿Qué es tui-design?

Esta habilidad debe usarse al diseñar interfaces de usuario de terminales, crear diseños de TUI, elegir esquemas de color de TUI, implementar navegación por teclado, crear paneles de terminales o trabajar con cualquier marco de TUI. Se activa ante menciones de diseño de TUI, interfaz de usuario de terminal, diseño de Ratatui, componentes de Ink, widgets textuales, vistas de Bubbletea, paleta de colores de terminal, diseño de combinación de teclas, diseño de panel, paneles divididos, panel de terminal, caracteres de dibujo de cuadros, minigráficos, barras de progreso, cuadros de diálogo modales, gestión de enfoque o accesibilidad de terminal. Fuente: hyperb1iss/hyperskills.

¿Cómo instalo tui-design?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/hyperb1iss/hyperskills --skill tui-design Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/hyperb1iss/hyperskills

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-02-25