Tui Design

A comprehensive design system for building terminal UIs that actually covers the hard decisions: which layout paradigm fits your use case (Miller columns for file browsers, multi-panel for git clients, widget dashboards for monitoring), how to handle terminal resizing without crashing, and keyboard navigation patterns from simple keybindings to vim-style modes. Framework agnostic, so it applies whether you're using Ratatui, Ink, Textual, or Bubbletea. The layout selector alone is worth it because it maps common app types to proven patterns with real examples like lazygit and k9s. Treats TUI design as actual interface design, not just "make it work in the terminal."

skills.sh installs: 1.3K
GitHub stars: 36
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add hyperb1iss/hyperskills --skill tui-design --agent claude-code

Installs into .claude/skills of the current project.

Files

TUI Design System

Design around the user's repeated action, the data they must keep in view, and the terminal capabilities actually available. Keep input responsive under slow I/O and make selection, focus, and operation state explicit.

Primary documentation checked: 2026-09-04. Framework APIs change; use the project's versions. Follow the project's visual identity (SilkCircuit Neon for the maintainer's personal tools) rather than treating an example palette as a universal theme.