Skip to content
designing-clis logo

Designing CLIs

designing-clis

Use when building, improving, or reviewing command-line interfaces for better user experience - before implementing commands/output/errors, when users report confusion or frustration, or when CLI feels hard to use - provides UX principles, visual design techniques, and practical patterns for crea...

SKILL.md

Full skill instructions

Designing CLIs

Overview

Modern CLIs are conversations between human and machine. Great CLIs feel discoverable, responsive, and forgiving. Poor CLIs leave users guessing, waiting, and frustrated.

Core principle: Every CLI interaction should answer: "What happened? What can I do? What's next?"

When to Use

Building:

  • Creating new CLI commands or tools
  • Designing output format, error messages, progress indicators
  • Planning CLI architecture (flags, subcommands, interaction model)

Improving:

  • Enhancing existing CLI user experience
  • Adding features to existing commands
  • Making CLI "less confusing" or "easier to use"

Reviewing:

  • Auditing CLI code for UX issues
  • Responding to user complaints about difficulty
  • Troubleshooting discoverability problems

Quick Decision Framework

Working OnRead This
New CLI under time pressurepractical-patterns.md (Priority Checklist)
Adding to existing CLIpractical-patterns.md (Working with Existing CLIs)
Fixing "confusing" CLIpractical-patterns.md (CLI UX Audit Checklist)
Command structure, flagsux-principles.md (Familiarity, Discoverability)
Output formattingvisual-techniques.md (Layout, Spacing, Color)
Error messages, help textpractical-patterns.md (Error Message Patterns)
Overall architectureux-principles.md (complete overview)

The Six UX Principles

  1. Familiarity - Use known conventions (--help, --version, verb-noun)
  2. Discoverability - Guide users (help text, prompts, examples)
  3. Feedback - Show what's happening (progress, confirmations, state)
  4. Clarity - Structure output (spacing, alignment, hierarchy)
  5. Flow - Minimize friction (shortcuts, defaults, scriptability)
  6. Forgiveness - Handle errors gracefully (clear messages, suggestions, safety)

See ux-principles.md for detailed guidance and examples.

The Five Visual Techniques

  1. Color - Semantic meaning (green=success, red=error, yellow=warning)
  2. Spacing - Visual grouping (blank lines, indentation, alignment)
  3. Layout - Structured regions (panels, blocks, persistent areas)
  4. Symbols - Fast signifiers (✓ ✗ ⚠ →, checkboxes, progress indicators)
  5. Structured Feedback - Narrative output (phases, lists, visible progress)

See visual-techniques.md for implementation patterns.

Common Mistakes

❌ Silent operations - No feedback during slow operations ✅ Show progress, confirmations, or at minimum "Working..."

❌ Cryptic errors without guidance - "Error: invalid input" ✅ Explain what's wrong, what's valid, how to fix: "Error: Invalid environment 'production'. Valid: dev, staging, prod"

❌ No --help text - Forces users to read docs or source ✅ Every command supports --help with usage and examples

❌ Wrong exit codes - Always returns 0, breaks scripting ✅ 0 for success, 1 for errors

❌ Color-only information - Inaccessible without color support ✅ Always pair color with text/​symbols, support --no-color

❌ Walls of unstructured text - Dense output hard to scan ✅ Use spacing, alignment, hierarchy to structure information

Priority Under Time Pressure

When building CLI urgently, include these first (high impact, low effort):

  1. --help flag (2 minutes) - Include usage, examples, common flags
  2. Exit codes (1 minute) - 0=success, 1=error, enables CI/​CD
  3. Clear errors (5 minutes) - What happened + what's valid + how to fix
  4. Progress feedback (3 minutes) - Show activity during slow operations

Skip initially (lower priority):

  • Color schemes (polish, not function)
  • Advanced formatting (tables, columns)
  • Multiple output formats (JSON, YAML, etc.)

Cross-References

Detailed guidance:

  • practical-patterns.md - Checklists, templates, decision trees
  • ux-principles.md - Principles with real-world examples
  • visual-techniques.md - Implementation patterns for terminal output
  • reading-list.md - Sources and deeper learning

Research materials:

  • research/ - Original blog-style documentation and analysis

More skills from majiayu000

xiaohongshu logo
majiayu000/claude-arsenal

xiaohongshu

xiaohongshu

286 148
View
agent-task-conductor logo
majiayu000/claude-skill-registry

agent-task-conductor

Conduct multi-agent task orchestration and workflow coordination.

663 1
View
conductor-setup logo
majiayu000/claude-skill-registry

conductor-setup

Initialize project with Conductor artifacts (product definition,

663 1
View
animation-designer logo
majiayu000/claude-skill-registry

animation-designer

Expert in web animations, transitions, and motion design using Framer Motion and CSS

663 1
View
diagramming logo
majiayu000/claude-skill-registry

diagramming

Creates Mermaid and ASCII diagrams for flowcharts, architecture, ERDs, state machines, mindmaps, and more. Use when user mentions diagram, flowchart, mermaid, ASCII diagram, text diagram, terminal diagram, visualize, C4, mindmap, architecture diagram, sequence diagram, ERD, or needs visual docume...

663 1
View
h3-pg logo
majiayu000/claude-skill-registry-data

h3-pg

PostgreSQL bindings for H3 hexagonal grid system. Use when working with H3 cells in Postgres, including spatial indexing, geometry/geography integration, and raster analysis.

23 1
View
conductor-development logo
majiayu000/claude-skill-registry

conductor-development

Context-Driven Development skill for projects using Conductor. Use this skill when you detect a `conductor/` directory in the project, when working on tasks defined in a `plan.md` file, or when the user asks about tracks, specs, or plans. Automatically applies TDD workflow, tracks task completion...

663 1
View
conductor-status logo
majiayu000/claude-skill-registry

conductor-status

Display project status, active tracks, and next actions

663 1
View
dockerization logo
majiayu000/claude-skill-registry

dockerization

Official Stakpak application containerization standard operating procedure, a step-by-step guidline to properly dockerize applications. This is a rule book curated by the Stakpak Team.

663 1
View

Popular AI tools

Kaiber logo
Video

Kaiber

Generate, edit, and beat-sync AI video with leading models in one workspace.

Paid
View
Vimcal logo
Productivity

Vimcal

The world's fastest calendar for remote work

Free
View

Transform Your Design with AI Designer by ImgCreator.ai

Freemium
View
Akool AI logo
Content & writing

Akool AI

Revolutionizing Video Production with AI-Powered Creativity

Paid
View

Extend an image past the frame and let AI fill the new aspect ratio.

Freemium
View
StarByFace logo
Security

StarByFace

Discover your celebrity doppelgänger with StarByFace!

Free
View
C

ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.

Freemium
View
Opus Clip logo
Coding & apps

Opus Clip

Opus.ai: Revolutionize Your Web Experience

Free
View