Communitygithub.com

Gentle-Programming/gentle-ai-tui-design

Auslöser: Terminal-UI-Design, TUI-Neugestaltung, Gentle Shell-Look, IDE im Terminal, Sidebar/Statusleiste polieren, TUI kritisieren. Entwerfe, bewerte und verfeinere Terminal-Oberflächen mit visuellem Nachweis.

Was ist gentle-ai-tui-design?

Diese Fähigkeit ist für das Design, die Überprüfung und die Verfeinerung von Terminal-Oberflächen (Panels, Rails, Statusleisten, Karten, Eingabeaufforderungen) konzipiert, insbesondere im Kontext von Gentle Shell. Das angestrebte Gefühl ist eine IDE im Terminal: dicht, ruhig, entwicklerzentriert und niemals eine Verkleidung von Retro-TUI-Chrome. Sie unterstützt einen visuellen Workflow, der das Erfassen von Screenshots vor und nach jeder Änderung erfordert, um Design-Entscheidungen zu validieren. Die Fähigkeit bietet einen strukturierten Entscheidungsbaum, der den Benutzer durch Befehle wie 'document', 'shape', 'critique', 'distill', 'typeset', 'harden' und 'polish' führt, mit klaren Auslösern für jede Aktion. Sie setzt strenge Regeln für hierarchisches Layout, Farbgebrauch und Informationsdichte durch, mit besonderem Fokus darauf, dass Nutzeroberflächen in einem monospaceden Zeichenraster in 'ch'-Einheiten darstellbar sind und nur terminal-kompatible Stile wie Vorder-/Hintergrundfarben, fett/gedimmt/kursiv/unterstrichen/durchgestrichen sowie Box-Drawing-Zeichen und Glyphen verwenden.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Aktivierungsvertrag

Verwenden zum Entwerfen, Überprüfen oder Verfeinern einer Terminal-Oberfläche (Panels, Rails, Statusleisten, Karten, Eingabeaufforderungen), insbesondere Gentle Shell. Das Zielgefühl ist eine IDE in einem Terminal: dicht, ruhig, entwicklerzentriert, niemals eine Verkleidung von Retro-TUI-Chrome. Nicht für Webseiten (verwende gentle-design).

Harte Regeln

  • Beurteile eine Terminal-UI niemals aus Code oder dem Gedächtnis: Erfasse sie (references/visual-loop.md) und betrachte das PNG vor und nach jeder Änderung.
  • Lies references/terminal-craft.md vor jeder UI-Bearbeitung; es ist das Fundament, kein Vorschlag.
  • Betriebsmodus: Vertrautheit schlägt Ausdruck. Verwende IDE-Vokabular (Bereiche, Baum, Tabs, Statusleiste, Befehlspalette); die Marke lebt in Palette, Dichte und einer charakteristischen Bewegung.
  • Jede Zeile kostet. Hierarchie entsteht aus Farbrolle, Gewichtung und Ausrichtung, niemals aus leeren Zeilen oder verschachtelten Boxen.
  • Sage jede Tatsache einmal pro Bildschirm. Daten, die im Header gezeigt werden, wiederholen sich nie in einem Panel.
  • Ein Befehl, ein Ziel. Verfeinerung bewahrt das System; Neugestaltung ersetzt es. Poliere niemals einen Look, der weggeworfen wird.
  • Das Rendern bleibt günstig: Kein I/O oder Neuberechnung in Rendering-Pfaden, Cache-Schlüssel über alles, was die Ausgabe ändert (Stil, Breite, Theme).
  • Mockups (via gentle-design) müssen terminal-ausdrückbar sein: Monospace-Zellenraster in ch-Einheiten, nur Vorder-/Hintergrundfarben, fett/gedimmt/kursiv/unterstrichen/durchgestrichen, Box-Drawing und Glyphen.

Entscheidungsgatter

FrageBefehlLaden
Noch kein Produkt-/Design-Kontextdocumentreferences/design-doc.md
Neue Oberfläche oder Neugestaltungshape, dann Mockups, dann implementierenreferences/commands.md
"Wie sieht es aus / was ist falsch"critiquereferences/critique.md
Zu überladen, verschwendeter Platz, redundantdistill / layout / quieterreferences/commands.md
Flach, keine Hierarchie, unlesbartypeset / colorize / bolderreferences/commands.md
Randfälle, schmale Terminals, langer Textharden / adaptreferences/commands.md
Letzter Durchgang vor dem Commitpolishreferences/commands.md

Ausführungsschritte

  1. Lade DESIGN.md-Kontext, falls das Projekt einen hat; sonst schlage zuerst document vor.
  2. Erfasse den aktuellen Zustand mit der visuellen Schleife bei den ausgelieferten Größen (breit 180x50, Breakpoint 140, schmal 80x24).
  3. Führe den gewählten Befehl gegen ein benanntes Ziel aus; schreibe die Erkenntnisse, bevor du Code änderst.
  4. Ändere, erfasse erneut, vergleiche mit dem vorherigen PNG und der Aufgabenstellung; iteriere maximal 3 Runden, dann berichte.
  5. Beende jeden Verfeinerungsbefehl mit polish-Prüfungen und den fokussierten Tests des Repositoriums (Renderanzahlen, Überlauf).

Ausgabevertrag

Rückgabe: Ziel, ausgeführter Befehl, Vorher-/Nachher-PNG-Pfade, gefundene und behobene Probleme mit P0-P3-Tags, offene Probleme und durchgeführte Prüfungen.

Referenzen

  • references/terminal-craft.md: Grundregeln und Terminal-Antimuster.
  • references/commands.md: Befehlsspielbücher, angepasst an Terminals.
  • references/critique.md: Bewertete Kritik und Schweregrad-Rubrik.
  • references/design-doc.md: DESIGN.md-Form für ein Terminal-Produkt.
  • references/visual-loop.md: Screenshot-Harness und Vergleichsschleife.
  • NOTICE.md: Namensnennung.

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.

Verwandte Skills