jeka
/
utun2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
325 Commits
4 Branches
0 Tags
60 MiB
 
 
 
 
 
 
Tree: daba3b96a0
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'daba3b96a0'
${ noResults }
utun2/.opencode/context/ui/terminal/navigation.md

2.5 KiB
Raw Blame History

Terminal UI Context

Purpose: Terminal UI (TUI) patterns, CLI animations, and command-line interface design

Last Updated: 2026-01-07

Overview

This subcategory will contain patterns and best practices for building terminal user interfaces using libraries like Ink, Blessed, and native terminal capabilities.

Planned Content

Core Files (Future)

File Description Priority
tui-patterns.md Terminal UI component patterns and layouts high
cli-animations.md Terminal animations, spinners, progress bars high
ink-components.md React Ink component patterns medium
blessed-patterns.md Blessed.js patterns and widgets medium
terminal-styling.md ANSI colors, chalk, terminal theming medium

Planned Topics

  • Layout patterns: Boxes, borders, flexbox-like layouts
  • Interactive components: Menus, forms, selects, inputs
  • Progress indicators: Spinners, progress bars, loading states
  • Terminal animations: Frame-based animations, smooth transitions
  • Color and styling: ANSI escape codes, chalk, gradient text
  • Keyboard handling: Key bindings, shortcuts, navigation
  • Terminal detection: Capability detection, fallbacks

Example Libraries

React-based TUI

  • Ink - React for CLIs
  • Pastel - React-like TUI framework

Traditional TUI

  • Blessed - High-level terminal interface library
  • Blessed-contrib - Widgets for blessed (charts, gauges)
  • Terminal-kit - Comprehensive terminal manipulation

Styling

  • Chalk - Terminal string styling
  • Gradient-string - Gradient colors in terminal
  • Boxen - Create boxes in terminal

Progress/Animation

  • Ora - Elegant terminal spinners
  • CLI-progress - Progress bars
  • Listr - Terminal task lists

Usage

When this subcategory is populated, use it for:

  • Building CLI tools with rich interfaces
  • Creating terminal-based dashboards
  • Implementing interactive command-line applications
  • Adding animations and progress indicators to CLI tools

Related Categories

  • ui/web/ - Web UI patterns
  • development/ - General development patterns

Status

⏳ Placeholder - This subcategory is planned but not yet populated.

To contribute content here, follow the MVI principles:

  1. Extract core concepts (1-3 sentences)
  2. List key points (3-5 bullets)
  3. Provide minimal example
  4. Link to full documentation

Used By

Agents: cli-developer, terminal-specialist, devops-specialist (future)