Das Projekt TUI Studio entwickelt eine visuelle Umgebung für das Design von Konsolenoberflächen.

Der Code von TUI Studio (Visual Terminal UI Designer) wurde veröffentlicht, einer Umgebung zur visuellen Gestaltung von Benutzeroberflächen, die in einem Textterminal funktioniert. Die Umgebung ermöglicht es, die Benutzeroberfläche interaktiv zu gestalten, indem Sie fertige Blöcke per Drag-and-Drop anordnen, Eigenschaften im visuellen Modus bearbeiten und das Ergebnis in Echtzeit ansehen. Das erstellte Layout kann für die Verwendung in den Frameworks Ink, BubbleTea, Blessed, Textual, OpenTUI und Tview exportiert werden.

Das Projekt wurde in TypeScript mit React, Vite, Zustand, Tailwind CSS und Lucide React entwickelt. Der Code wird unter der MIT-Lizenz verteilt. Es ist anzumerken, dass fast der gesamte Code von TUI Studio von dem KI-Assistenten Claude geschrieben wurde.

In TUI Studio stehen über 20 fertige Komponenten zur Verfügung, um die Benutzeroberfläche zu gestalten (Schaltflächen, Menüs, Tabellen, Listen, Fortschrittsanzeigen, Dialoge, Tooltips usw.), und es werden 8 Gestaltungsthemen sowie helle und dunkle Modi, Farbverläufe, ASCII-Farben und Akzentfarben unterstützt. Änderungen können rückgängig gemacht werden. Es gibt eine Schnittstelle zur Erstellung eigener Komponenten. Projekte werden im JSON-Format gespeichert.

Quelle: opennet.ru