Communitygithub.com

Gentleman-Programming/gentle-ai-tui-design

Trigger: terminal UI design, TUI redesign, Gentle Shell look, IDE in a terminal, sidebar/status bar polish, critique TUI. Design, critique and refine terminal UIs with visual proof.

What is gentle-ai-tui-design?

gentle-ai-tui-design is a Claude Code agent skill that trigger: terminal UI design, TUI redesign, Gentle Shell look, IDE in a terminal, sidebar/status bar polish, critique TUI. Design, critique and refine terminal UIs with visual proof.

Works with~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Gentleman-Programming/gentle-shell/tree/HEAD/skills/tui-design

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

Activation Contract

Use for designing, reviewing or refining a terminal interface (panels, rails, status bars, cards, prompts), especially Gentle Shell. The target feel is an IDE inside a terminal: dense, calm, developer-first, never a costume of retro TUI chrome. Not for web pages (use gentle-design).

Hard Rules

  • Never judge a terminal UI from code or memory: capture it (references/visual-loop.md) and look at the PNG before and after every change.
  • Read references/terminal-craft.md before any UI edit; it is the floor, not a suggestion.
  • Operate mode: familiarity beats expression. Use IDE vocabulary (panes, tree, tabs, status bar, command palette); the brand lives in palette, density and one signature move.
  • Every row costs. Hierarchy comes from color role, weight and alignment, never from blank rows or nested boxes.
  • Say each fact once per screen. Data shown in the header never repeats in a panel.
  • One command, one target. Refinement preserves the system; redesign replaces it. Never polish a look being thrown away.
  • Rendering stays cheap: no I/O or recomputation in render paths, cache keyed on everything that changes output (style, width, theme).
  • Mockups (via gentle-design) must be terminal-expressible: monospace cell grid in ch units, only fg/bg colors, bold/dim/italic/underline/strikethrough, box-drawing and glyphs.

Decision Gates

AskCommandLoad
No product/design context yetdocumentreferences/design-doc.md
New surface or redesignshape, then mockups, then implementreferences/commands.md
"How does it look / what is wrong"critiquereferences/critique.md
Too busy, wasted space, redundantdistill / layout / quieterreferences/commands.md
Flat, no hierarchy, unreadabletypeset / colorize / bolderreferences/commands.md
Edge cases, narrow terminals, long textharden / adaptreferences/commands.md
Final pass before commitpolishreferences/commands.md

Execution Steps

  1. Load DESIGN.md context if the project has one; otherwise propose document first.
  2. Capture the current state with the visual loop at the shipped sizes (wide 180x50, breakpoint 140, narrow 80x24).
  3. Run the chosen command against one named target; write findings before changing code.
  4. Change, re-capture, compare against the previous PNG and the brief; iterate at most 3 rounds, then report.
  5. End every refine command with polish checks and the repository's focused tests (render counts, overflow).

Output Contract

Return: target, command run, before/after PNG paths, findings fixed with P0-P3 tags, findings left open, and checks run.

References

  • references/terminal-craft.md: floor rules and terminal anti-patterns.
  • references/commands.md: command playbooks adapted to terminals.
  • references/critique.md: scored critique and severity rubric.
  • references/design-doc.md: DESIGN.md shape for a terminal product.
  • references/visual-loop.md: screenshot harness and comparison loop.
  • NOTICE.md: attribution.

Individual skills in this repo

This repo contains 9 individual skills — each has its own dedicated page.

Gentleman-Programming/gentle-ai-issue-creation

Create and triage GitHub issues from repository evidence. Trigger: issue creation, bug reports, feature requests, or issue approval.

Gentleman-Programming/gentle-ai-judgment-day

Trigger: judgment day, judgement day, dual review, adversarial review, juzgar. Run explicit blind dual review with at most two scoped fix/re-judgment rounds.

Gentleman-Programming/gentle-ai-rdd-defect-workflow

Trigger: RDD, receipt-driven development, review authority, receipt/lineage, correction/recovery, delivery gate/kill switch, bounded review defects. Guide work.

Gentleman-Programming/gentle-ai-skill-creator

Trigger: /skill-creation, skill creation, skill creator, create skill, new skill. Create LLM-first skills with valid frontmatter.

Gentleman-Programming/gentle-ai-skill-improver

Trigger: improve skills, audit skills, refactor skills, skill quality. Audit and upgrade existing LLM-first skills.

Gentleman-Programming/gentle-ai-skill-registry

Trigger: update skills, skill registry, actualizar skills, after skill changes. Index available skills by trigger and path.

Gentleman-Programming/gentle-ai-work-unit-commits

Plan commits as reviewable work units. Trigger: implementation, commit splitting, chained PRs, or keeping tests and docs with code.

Gentleman-Programming/gentle-design

Trigger: design a screen or page, mockup, landing page, UI directions, artboards, try a different approach, design system sync. Write self-contained HTML design directions under design/<slug>/.

Gentleman-Programming/release

Release gentle-pi through GitHub and npm. Trigger: release, publish, npm publish, GitHub release, version bump.

Related Skills