·pi-tui-design
*

pi-tui-design

Cree componentes TUI distintivos y diseñados para pi usando @mariozechner/pi-tui y @mariozechner/pi-coding-agent. Úselo al crear interfaces de usuario de terminales interactivas: componentes personalizados, superposiciones, cuadros de diálogo, paneles, widgets, visualizaciones de datos, elementos animados, interfaces similares a juegos o cualquier TUI visual que funcione dentro de extensiones pi o herramientas personalizadas. Activadores en: 'crear un componente TUI', 'crear un panel', 'crear una superposición', 'widget interactivo', 'UI de terminal', 'componente personalizado', 'pi-tui' o cualquier solicitud para crear interfaces de terminal visuales e interactivas. Utilícelo también para embellecer o rediseñar componentes TUI existentes.

21Instalaciones·1Tendencia·@joelhooks

Instalación

$npx skills add https://github.com/joelhooks/pi-tools --skill pi-tui-design

Cómo instalar pi-tui-design

Instala rápidamente el skill de IA pi-tui-design en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/joelhooks/pi-tools --skill pi-tui-design
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: joelhooks/pi-tools.

SKILL.md

Ver original

Build terminal interfaces that feel crafted, not generated. The terminal is constrained — fixed-width character grid, keyboard only, theme-dependent colors — and those constraints are a design feature.

Terminal UIs have no font choices. Instead, the character repertoire is the typography:

| Box-drawing (light) | ─│┌┐└┘├┤┬┴┼ | Standard borders, tables | | Box-drawing (rounded) | ╭╮╰╯ | Softer, modern feel | | Box-drawing (heavy) | ━┃┏┓┗┛┣┫┳┻╋ | Emphasis, headers | | Box-drawing (double) | ═║╔╗╚╝╠╣╦╩╬ | Formal, structured | | Block elements | █▓▒░▀▄▌▐ | Progress bars, density, fill |

Cree componentes TUI distintivos y diseñados para pi usando @mariozechner/pi-tui y @mariozechner/pi-coding-agent. Úselo al crear interfaces de usuario de terminales interactivas: componentes personalizados, superposiciones, cuadros de diálogo, paneles, widgets, visualizaciones de datos, elementos animados, interfaces similares a juegos o cualquier TUI visual que funcione dentro de extensiones pi o herramientas personalizadas. Activadores en: 'crear un componente TUI', 'crear un panel', 'crear una superposición', 'widget interactivo', 'UI de terminal', 'componente personalizado', 'pi-tui' o cualquier solicitud para crear interfaces de terminal visuales e interactivas. Utilícelo también para embellecer o rediseñar componentes TUI existentes. Fuente: joelhooks/pi-tools.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/joelhooks/pi-tools --skill pi-tui-design
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-23
Actualizado
2026-03-11

Browse more skills from joelhooks/pi-tools

Respuestas rápidas

¿Qué es pi-tui-design?

Cree componentes TUI distintivos y diseñados para pi usando @mariozechner/pi-tui y @mariozechner/pi-coding-agent. Úselo al crear interfaces de usuario de terminales interactivas: componentes personalizados, superposiciones, cuadros de diálogo, paneles, widgets, visualizaciones de datos, elementos animados, interfaces similares a juegos o cualquier TUI visual que funcione dentro de extensiones pi o herramientas personalizadas. Activadores en: 'crear un componente TUI', 'crear un panel', 'crear una superposición', 'widget interactivo', 'UI de terminal', 'componente personalizado', 'pi-tui' o cualquier solicitud para crear interfaces de terminal visuales e interactivas. Utilícelo también para embellecer o rediseñar componentes TUI existentes. Fuente: joelhooks/pi-tools.

¿Cómo instalo pi-tui-design?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/joelhooks/pi-tools --skill pi-tui-design Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/joelhooks/pi-tools

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-02-23

Skills Relacionados

Ninguno