skills.rest
v1bh0r
v1bh0rCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

nw-ux-tui-patterns

Provide TUI and CLI design patterns for terminal usability.

Updated Mar 18, 2024
Search Tags:#accessibility#design-principles#tui#error-messaging#cli-patterns#terminal-design#color-conventions
One-click install
npx skills add https://github.com/v1bh0r/precise-ledger-pro --skill nw-ux-tui-patterns-v1bh0r
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nw-ux-tui-patterns
Source: https://github.com/v1bh0r/precise-ledger-pro/tree/main/nWave/skills/nw-ux-tui-patterns
Command: npx skills add https://github.com/v1bh0r/precise-ledger-pro --skill nw-ux-tui-patterns-v1bh0r

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamline and standardize terminal user experiences by providing a cohesive set of TUI and CLI design patterns for product teams, ensuring usability, consistency, and accessibility across console tools.

Core Features & Use Cases

  • CLI Argument Design: establish consistent command, subcommand, and flag structures to reduce user error.
  • Interactive TUI Patterns: provide architecture choices and interaction patterns for keyboard navigation, selection, and real-time updates.
  • Color and Formatting: define color conventions and formatting rules to improve readability and accessibility.
  • Error Message Design: craft actionable, user-friendly error messages with clear next steps.
  • Help Text Design and Output: guide users with example-led, structured help output and machine-consumable formats.

Quick Start

Apply these TUI and CLI design patterns to evaluate and improve a terminal application's command structure, interactive prompts, and visual formatting.

Frequently Asked Questions about nw-ux-tui-patterns

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

FAQPage Schema
What are the best practices for designing CLI command structures and flags?▼

Interactive TUI patterns define architecture choices for keyboard navigation, selection, and real-time updates. These patterns guide the implementation of interactive terminal apps by providing structured interaction models for user inputs.

How do I design actionable error messages for command-line tools?▼

Designing actionable error messages requires crafting user-friendly terminal outputs with clear next steps. This error messaging approach ensures users understand failures and can immediately resolve issues without consulting external documentation.

What color conventions improve accessibility in terminal design?▼

Color conventions for accessibility define formatting rules that improve readability in terminal applications. These color and formatting guidelines ensure text remains legible and accessible for users interacting with console tools.

How do I structure help text output for CLI applications?▼

Structuring help text output requires providing example-led, structured guidance and machine-consumable formats. This help text design pattern ensures users can quickly understand command usage while allowing automated systems to parse documentation.

Can I apply these terminal design patterns during the prototyping phase?▼

Yes, you can apply these TUI and CLI design patterns during prototyping, design reviews, and implementation. The patterns evaluate command structures, interactive prompts, and visual formatting across product and engineering teams.

Related Skills

Explore More Design & Creative Skills→
jonnymuirjonnymuir
1

CLI Command Wiring

Standardize registration and routing of new CLI commands in TypeScript.

Community
Basic
slopusslopus
23.2k

terminal-emulator

Simulate terminal interactions to test CLI and TUI applications.

Official
Intermediate
martinholovskymartinholovsky
12

sota-cli-ux

Audit CLI and developer tools against UX design rules and checklists.

Community
Advanced
napisaninapisani
10

tui-design

Guide terminal user interface design with patterns, layouts, and color systems.

Community
Advanced