CLI Harness Design
Design the terminal UI surfaces for the QControl CLI demo — MOTD, pre-agent banner, and status bar prompt
Why
The QControl CLI (qcontrol demo) needed designed terminal surfaces to set expectations, surface hidden magic, and make the co-brand (Cisco + Qpoint) visible at the moment engineers run their first AI agent through qcontrol. Jon owns the implementation; we own the text designs as handoff artifacts.
Objective
Produce legible, implementation-ready .txt design files for three surfaces — with ANSI color, clean copy, and a clear handoff format. Establish a pixel art toolchain for future terminal UI work.
Scope
designs/v1–v8/— iterative design artifacts across all three surfacesdesigns/pixel-to-ascii.py— PNG-to-block-art converter (PIL-based, grid auto-detection)designs/stitch.py— stitch icon.txtfiles side by sidedesigns/preview.sh— render.txtfiles in terminaldesigns/v7/landing.txt— MOTD design (printf '%b' format)designs/v8/landing.txt— MOTD design (cat-compatible, actual ESC bytes, with ANSI color)impl-plan.md— Rust implementation guide for Jon
Key Changes
- Built half-height pixel art logo system: Qpoint Q (purple
#7044DA) + Cisco (blue#00BCEB) lockup using▄/▀/█block chars - Developed
pixel-to-ascii.pywith PIL-based grid detection,--double-wide,--crop,--coloroverride - Iterated through 8 versions of the MOTD landing screen — v8 is the handoff-ready version
- v8 uses actual ESC bytes + real newlines (
cat-compatible), distinct from v1-v7'sprintf '%b'format - Discovered full Unicode block character palette: vertical/horizontal fills, quadrants (
▘▝▖▗▚▞▙▛▜▟), shades, and geometric bonus chars - Identified quadrants as the highest-resolution option (2×2 sub-pixel per character cell)
- Documented format distinction:
\033literals (Rust embed) vs actual ESC bytes (cat preview)
Outcome
Handoff-ready design package for Jon:
designs/v8/landing.txt— the MOTD (cat to preview, copy into Rust)impl-plan.md— Rust embedding instructions (printf '%b\n', zsh hook placement, bash/fish parity)- Pre-agent and status bar designs in
designs/v4/
Spawned: qpixel — standalone ASCII block art editor built on the palette and toolchain discovered in this cycle. Web editor (click-to-paint grid, ANSI export) + CLI tools (pixel-to-ascii.py, stitch.py) in one repo.
Artifacts
- initial-prompt.md
- initial-plan-1.md
- initial-prompt.md