diff --git a/README.md b/README.md index 6d4fa85..a50bd31 100644 --- a/README.md +++ b/README.md @@ -68,6 +68,18 @@ MRDevs Tools utiliza una estructura organizada que separa el código (en ~/devs) | `bin/npm_install.sh` | Instala NodeJS y npm de forma interactiva | | `bin/project_new.sh` | Crea un nuevo proyecto con estructura estandarizada según el tipo seleccionado | +### Interfaces de Usuario con Gum + +MRDevs Tools utiliza [Gum](https://github.com/charmbracelet/gum) para crear interfaces de texto (TUI) elegantes y funcionales: + +| Comando/Documento | Descripción | +|---------|-------------| +| `docs/forms-gum.md` | Tutorial completo para crear formularios interactivos con Gum | +| `gum style` | Da formato al texto (color, negrita, etc.) | +| `gum input` | Campo de entrada para texto | +| `gum choose` | Menú de selección de opciones | +| `gum confirm` | Diálogo de confirmación (Sí/No) | + ### Herramientas de IA y Productividad | Comando | Descripción | @@ -139,6 +151,23 @@ MRDevs Tools utiliza una estructura organizada que separa el código (en ~/devs) ## 📚 Guía de Usuario +### Interfaces de Texto con Gum + +MRDevs Tools incluye soporte completo para [Gum](https://github.com/charmbracelet/gum), una herramienta que permite crear interfaces de texto (TUI) elegantes: + +```bash +# Abrir el tutorial completo sobre Gum +xdg-open ~/devs/docs/forms-gum.md +``` + +El tutorial incluye: +- Ejemplos prácticos de formularios interactivos +- Guía para crear menús de selección +- Técnicas para estilizar texto y crear layouts complejos +- Referencias visuales de cada componente + +Para más detalles, consulta la [documentación completa de Gum](docs/forms-gum.md). + ### Preparación del Entorno El directorio `$HOME/devs` sirve como área principal de desarrollo donde se gestionan diversos ambientes y proyectos. Por razones de seguridad, se prioriza [podman](https://podman.io/) sobre [docker](https://www.docker.com/) como gestor de contenedores.