terminal-ui-designer

Define typography, color themes, layout patterns, and border styles for terminal user interfaces.

3|1|Updated Jan 7, 2026
One-click install
npx skills add https://github.com/iamladi/cautious-computing-machine--misc-plugin --skill terminal-ui-designer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: terminal-ui-designer
Source: https://github.com/iamladi/cautious-computing-machine--misc-plugin/tree/main/skills/terminal-ui-designer
Command: npx skills add https://github.com/iamladi/cautious-computing-machine--misc-plugin --skill terminal-ui-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps designers and developers craft distinctive, production-grade terminal user interfaces (TUIs) for CLI tools, dashboards, and terminal apps, ensuring high visual quality and a cohesive user experience.

Core Features & Use Cases

  • Concept-driven direction: define tone and constraints (styles like cyberpunk, retro, zen) and ensure consistency across panels.
  • Layout & typography: guidance on borders, color themes, typography, spacing, and data display patterns for readable, engaging TUIs.
  • Reusable design recipes: adaptable templates and patterns for navigation, dashboards, and detail views across different stacks.

Quick Start

Design a cyberpunk terminal UI for a system monitor with a 3-column layout (navigation, metrics, logs), neon palette, and rounded borders; request a starter component layout and sample styles.

Frequently Asked Questions about terminal-ui-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a cohesive color palette and typography for a terminal UI dashboard?

A cohesive terminal UI requires defining consistent color themes, typography, and border styles across all panels. By establishing these design guidelines upfront, you ensure readable, engaging dashboards that maintain visual quality throughout the application.

Can I use these terminal UI design guidelines with Python frameworks like Rich and Textual?

Yes, these terminal UI design guidelines can be implemented with popular stacks such as Rich, Textual, bubbletea, and ratatui. The adaptable templates and patterns work across these frameworks for building production-grade CLI tools and terminal applications.

What's the best way to structure a 3-column layout for a CLI system monitor?

The best way to structure a 3-column CLI layout is using reusable design recipes for navigation, metrics, and logs. Define your concept direction and constraints first, then apply consistent borders and spacing to deliver a cohesive user experience across terminal panels.

How do I create a cyberpunk theme for a terminal application interface?

To create a cyberpunk terminal UI, define the cyberpunk style as your concept direction, then apply a neon color palette and rounded borders. Ensure this distinctive tone remains visually consistent across all panels, data displays, and navigation views.

What are the key typography and layout patterns for production-grade TUIs?

Key patterns for production-grade TUIs include defining clear typography, spacing, and border styles for data display. Using reusable templates for navigation and detail views ensures a cohesive user experience and high visual quality across terminal applications.

Do I need a specific framework to apply these terminal user interface design recipes?

No, you do not need a specific framework to apply these terminal UI design recipes. The guidelines cover layout, typography, and color themes that can be implemented with various popular stacks like Rich, Textual, bubbletea, or ratatui.