skills.rest
duyet
duyetCOMMUNITY
Explore all skills by this author →
Website𝕏@_duyetGitHub

terminal-ui-design

Design terminal user interfaces with cohesive typography, color, layout, and borders.

5|Updated Nov 18, 2025
Search Tags:#typography#design#layout#CLI#TUI#terminal-ui#color-themes
One-click install
npx skills add https://github.com/duyet/duyetbot-agent --skill terminal-ui-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: terminal-ui-design
Source: https://github.com/duyet/duyetbot-agent/tree/main/apps/duyetbot-action/.claude/skills/terminal-ui-design
Command: npx skills add https://github.com/duyet/duyetbot-agent --skill terminal-ui-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill guides designers to craft terminal user interfaces that are visually cohesive, highly usable, and production-ready for CLI and TUI projects.

Core Features & Use Cases

  • Design system: Establish typography, color, borders, and layout patterns tailored for terminal environments.
  • Guided aesthetics: Provide directional choices (cyberpunk, retro, minimal) to align with user goals and brand.
  • Use Case: Imagine building a data-driven dashboard CLI; this Skill helps define borders, panels, and motion to communicate status clearly.

Quick Start

Design a new terminal dashboard with a bold header, panel sections, and a cohesive color theme.

Frequently Asked Questions about terminal-ui-design

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

FAQPage Schema
How do I design a cohesive terminal user interface for a CLI dashboard?▼

To create a terminal UI design system, you establish cohesive rules for typography, color schemes, borders, and motion. This Skill provides directional aesthetic choices like cyberpunk, retro, or minimal to align your TUI project with specific brand goals.

What is the best way to style a TUI project using Bubbletea or Ratatui?▼

Styling a TUI project with tools like Bubbletea or Ratatui involves defining cohesive typography, borders, and layout patterns. This Skill provides implementation-ready guidance to ensure your terminal interfaces remain visually cohesive across these frameworks.

Can I use this terminal UI design guidance for both CLI and TUI utilities?▼

Yes, this terminal UI design guidance applies to both CLI and TUI projects including dashboards, tools, and utilities. It enforces requirements for cohesive typography, color schemes, and layout compatible with common tooling like Rich, Bubbletea, or Ink.

Does this approach support different aesthetic themes for terminal interfaces?▼

Yes, this approach supports different aesthetic themes for terminal interfaces by providing directional choices such as cyberpunk, retro, and minimal. These guided aesthetics help align your CLI or TUI project with specific user goals and brand identity.

How do I structure panels and borders to communicate status in a terminal dashboard?▼

To communicate status in a terminal dashboard, you structure panels and borders using concrete design patterns tailored for terminal environments. This Skill helps define these layout and motion patterns to clearly communicate data status to users.

Related Skills

Explore More Design & Creative Skills→
devopstalesdevopstales
1

gentleman-bubbletea

Implement Bubbletea TUI patterns for screen management, state handling, and input processing.

Community
Intermediate
iamladiiamladi
3

terminal-ui-designer

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

Community
Basic
zajcazajca
2

frontend-design

Generate distinctive frontend interfaces with unique typography and cohesive color themes.

Community
Advanced
justrachjustrach
349

kuri-browse

Fetch web pages and render them as markdown in a terminal REPL.

Community
Intermediate