sage-ui-design

Standardize terminal UI alignment, colors, and icons for Sage CLI.

12|1|Updated Jul 15, 2025
One-click install
npx skills add https://github.com/majiayu000/sage --skill sage-ui-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sage-ui-design
Source: https://github.com/majiayu000/sage/tree/main/.sage/skills/sage-ui-design
Command: npx skills add https://github.com/majiayu000/sage --skill sage-ui-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Sage CLI UI design guidelines standardize alignment, color schemes, and icons to deliver a consistent, pleasant terminal experience across all Sage commands.

Core Features & Use Cases

  • Unified alignment rules that remove leading whitespace and ensure second lines align with the first line.
  • A color and icon system that consistently labels assistant messages, tool outputs, and status indicators.
  • Use cases include implementing UI for new Sage commands, improving readability of tool results, and describing output formats for tutorials and docs.

Quick Start

Apply the Sage UI guidelines to newly developed or updated CLI components to ensure uniform messaging, formatting, and visuals.

Frequently Asked Questions about sage-ui-design

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

FAQPage Schema
How do I standardize terminal UI alignment and color schemes for CLI commands?

Standardize terminal UI alignment and color schemes by applying rules that remove leading whitespace and align continuation lines. This enforces a uniform CLI experience across assistant messages, tool outputs, and status indicators.

What is the best way to label tool outputs and status indicators in a terminal UI?

The best way to label tool outputs and status indicators in a terminal UI is using a unified color and icon system. This consistently differentiates assistant messages, tool invocation results, and status updates across commands.

How do I format CLI frontmatter metadata for new terminal commands?

Format CLI frontmatter metadata by including required name and description fields, a description with three distinct sections, a concise tagline, and a clear vectorizable metadata model to ensure structured command documentation.

Does this CLI UI design system work for documenting interactive messages in tutorials?

Yes, this CLI UI design system works for documenting interactive messages in tutorials. It provides use cases for describing output formats and improving the readability of tool results in development and documentation scenarios.

Why does my terminal CLI output have inconsistent alignment across different commands?

Terminal CLI output has inconsistent alignment when leading whitespace is not removed and alignment rules are not standardized. Applying unified terminal UI guidelines ensures second lines align with the first line across all commands.