CLI Interface Design

Readable, interactive command-line interfaces, project generators, and background monitors. No HTML and no Canvas.

Do not load Quasar, PrimeVue, or @vueuse/motion for a terminal task. If the same product also has a GUI, that GUI is a separate @vue-design-system route.

When the agent activates this skill

• Writing CLI setup scripts, provisioning tools, or dev utilities.
• Presenting background task execution, health checks, or deployment logs.
• Generating interactive terminal prompts (selections, confirmations, text inputs).

How the agent sees a CLI

Do not open a browser and do not call @visual-verification. Run the command in the terminal, capture the ANSI and Unicode stdout, and check character-cell alignment in that text: column edges, box borders, and label spacing. Fix the script and run it again before calling the CLI done.

Installation