Communitygithub.com

Gentle-Programming/gentle-ai-tui-design

Diseña, critica y refina interfaces de terminal con pruebas visuales. Activación: diseño de TUI, rediseño, aspecto de Gentle Shell, IDE en terminal, barra lateral/barra de estado, críticas de TUI.

¿Qué es gentle-ai-tui-design?

Gentle-Programming/gentle-ai-tui-design es una habilidad especializada para diseñar, revisar y refinar interfaces de terminal (TUI) con un enfoque en un aspecto tipo IDE moderno, denso y calmado (como Gentle Shell). No se admiten interfaces web (para eso está gentle-design). La habilidad impone reglas estrictas: no juzgar una TUI solo por código o memoria, sino capturarla con una captura de pantalla (PNG) antes y después de cada cambio; seguir un documento de referencia de diseño de terminal (terminal-craft.md) como piso, no como sugerencia; usar vocabulario de IDE (paneles, árbol, pestañas, barra de estado, paleta de comandos) y mantener una jerarquía visual basada en color, peso y alineación, no en filas en blanco ni cajas anidadas. También incluye pasos de ejecución claros: cargar contexto, capturar estado actual, ejecutar comandos específicos (shape, critique, distill, typeset, polish, etc.) contra un objetivo nombrado, realizar hasta tres iteraciones de cambio/captura/comparación, y finalizar con comprobaciones de polish y pruebas de repositorio (render counts, overflow). La salida debe incluir el objetivo, el comando ejecutado, las rutas de los PNGs antes/después, hallazgos etiquetados con P0-P3 y las comprobaciones realizadas. Compatible con Claude Code y otros asistentes que puedan seguir flujos de trabajo con herramientas de terminal.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Contrato de Activación

Úsalo para diseñar, revisar o refinar una interfaz de terminal (paneles, raíles, barras de estado, tarjetas, prompts), especialmente Gentle Shell. La sensación objetivo es un IDE dentro de una terminal: denso, calmado, primero para desarrolladores, nunca un disfraz de cromo retro de TUI. No es para páginas web (usa gentle-design).

Reglas Estrictas

  • Nunca juzgues una interfaz de terminal desde el código o la memoria: captúrala (references/visual-loop.md) y mira el PNG antes y después de cada cambio.
  • Lee references/terminal-craft.md antes de cualquier edición de UI; es el piso, no una sugerencia.
  • Modo de operación: la familiaridad supera a la expresión. Usa vocabulario de IDE (paneles, árbol, pestañas, barra de estado, paleta de comandos); la marca vive en la paleta, la densidad y un movimiento característico.
  • Cada fila cuesta. La jerarquía proviene del rol de color, peso y alineación, nunca de filas en blanco o cajas anidadas.
  • Di cada hecho una vez por pantalla. Los datos mostrados en el encabezado nunca se repiten en un panel.
  • Un comando, un objetivo. El refinamiento preserva el sistema; el rediseño lo reemplaza. Nunca pulir un aspecto que se va a desechar.
  • El renderizado se mantiene barato: sin E/S ni recomputación en las rutas de renderizado, caché con clave para todo lo que cambia en la salida (estilo, ancho, tema).
  • Los mockups (a través de gentle-design) deben ser expresables en terminal: cuadrícula de celdas monoespaciadas en unidades ch, solo colores fg/bg, negrita/atenuado/cursiva/subrayado/tachado, dibujo de cajas y glifos.

Puertas de Decisión

PreguntaComandoCargar
Sin contexto de producto/diseño aúndocumentreferences/design-doc.md
Nueva superficie o rediseñoshape, luego mockups, luego implementarreferences/commands.md
"¿Cómo se ve / qué está mal?"critiquereferences/critique.md
Demasiado recargado, espacio desperdiciado, redundantedistill / layout / quieterreferences/commands.md
Plano, sin jerarquía, ilegibletypeset / colorize / bolderreferences/commands.md
Casos límite, terminales estrechas, texto largoharden / adaptreferences/commands.md
Último pase antes del commitpolishreferences/commands.md

Pasos de Ejecución

  1. Carga el contexto de DESIGN.md si el proyecto lo tiene; de lo contrario, propón document primero.
  2. Captura el estado actual con el bucle visual en los tamaños enviados (ancho 180x50, punto de quiebre 140, estrecho 80x24).
  3. Ejecuta el comando elegido contra un objetivo nombrado; escribe los hallazgos antes de cambiar el código.
  4. Cambia, vuelve a capturar, compara con el PNG anterior y el resumen; itera como máximo 3 rondas, luego informa.
  5. Termina cada comando de refinamiento con comprobaciones polish y las pruebas enfocadas del repositorio (recuentos de render, desbordamiento).

Contrato de Salida

Devuelve: objetivo, comando ejecutado, rutas de los PNGs antes/después, hallazgos corregidos etiquetados con P0-P3, hallazgos pendientes y comprobaciones realizadas.

Referencias

  • references/terminal-craft.md: reglas básicas y anti-patrones de terminal.
  • references/commands.md: manuales de comandos adaptados para terminales.
  • references/critique.md: crítica puntuada y rúbrica de gravedad.
  • references/design-doc.md: forma de DESIGN.md para un producto de terminal.
  • references/visual-loop.md: arnés de captura de pantalla y bucle de comparación.
  • NOTICE.md: atribución.

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.

Skills relacionados