ape-cli-terminal-experience

Solid

Designs the terminal experience of a CLI app the way Claude Code does it -- palette, status glyphs, spinners, progress narration, prompts, confirmations, listings, key hints, and full-screen TUI views. Trigger on "ape cli terminal experience", or whenever the task involves printing to a terminal from a CLI: adding or restyling output, adding a spinner or progress indicator, writing a prompt or confirmation, building a TUI, choosing exit codes, or deciding stdout vs stderr. Also trigger on casual phrasings like "make the output nicer", "add colour", "this CLI looks ugly". Read this before writing the first line of output code.

Web & Frontend 40 stars 3 forks Updated today MIT

Install

View on GitHub

Quality Score: 83/100

Stars 20%
54
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# CLI Terminal Experience A terminal UI that reads like Claude Code: mostly grey, a few deliberate accents, one line per fact, animation only while something is actually happening, and a plain-text fallback the moment the output stops being a terminal. Every rule below is enforceable and testable. Follow them exactly rather than approximating the vibe. --- ## 1. The two laws **Subtle by default.** Colour marks meaning -- a failure, a value the user will act on -- and nothing else. Labels, units, paths, and chrome are dim; values are plain. A full screen of output should read as mostly grey with a handful of accents, never as a colour test page. If you cannot say what a colour *means*, remove it. **Plain when not a terminal.** Pipe the program anywhere and every escape sequence disappears, glyphs fall back to bracketed ASCII, rules vanish, and the spinner goes silent. Output stays greppable; a script parsing it never sees a byte of styling. Three consequences that people get wrong: - Colour detection and terminal detection are **different questions**. `FORCE_COLOR` should add colour to piped output, but carriage-return redraws still make no sense there. Gate colour on `color_enabled()`, gate animation on `is_tty()`. - **Only colour is a colour question.** Glyph shape, rules, and the spinner are terminal questions -- they gate on `is_tty()`. Conflating the two is the single most common bug in this module: `NO_COLOR=1` in a real terminal then degrades `✓` to `[OK...

Details

Author
arpitbbhayani
Repository
arpitbbhayani/ape-skills
Created
3 months ago
Last Updated
today
Language
CSS
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

terminal-ux

Behavior rules for CLIs and TUIs: exit codes, stdout vs stderr, TTY detection, NO_COLOR, prompts, destructive-action confirmation, signal recovery.

5 Updated 3 days ago
uwuclxdy
Web & Frontend Listed

terminal-ui

Terminal User Interface (TUI) performance and UX guidelines for TypeScript applications using Ink and Clack. This skill should be used when building CLI tools, interactive terminal prompts, or developer tooling with TUI components. Triggers on tasks involving TUI components, CLI prompts, terminal rendering, keyboard input handling, or developer tooling.

0 Updated 1 weeks ago
SohailKhan0525
Web & Frontend Listed

terminal-software-design

Build or review UI for a terminal, IDE, trading/data dashboard, admin/ops tool, or any dense data-driven desktop/web app — as opposed to a marketing site or landing page. Trigger for "review my sidebar", "why does this look unfinished", "dashboard feels too sparse/too dense", "Electron window has a weird line at the edge", "make this table easier to scan", "这个侧边栏要怎么改", "为什么这个终端界面看起来不对", or when reviewing a finished screen/component in one of these product categories before shipping it. Portable: every reference file here is self-contained prose with no script dependency — it works pasted as instructions into any assistant, not only inside this harness. Do NOT trigger to invent a generic app aesthetic from a blank slate (use `ui-ux-pro-max`), to match one specific reference product's own conventions like TradingView/X/Trading212 (use `trading-ui-patterns`), or to freeze the user's own palette/spacing into reusable tokens (use `ui-design-system`) — this skill is the density/composition/native-chrome discipline

2 Updated 6 days ago
artherahq