Das TUI Studio-Projekt entwickelt eine grafische Umgebung zur Gestaltung von Konsolenoberflächen

Der Quellcode von TUI Studio (Visual Terminal UI Designer), einer Umgebung zur visuellen Gestaltung von Benutzeroberflächen, die in einem Textterminal funktionieren, ist nun verfügbar. Die Umgebung ermöglicht es, die Benutzeroberfläche interaktiv zu erstellen, indem vorgefertigte Blöcke per Drag-and-Drop gezogen, Eigenschaften im visuellen Modus bearbeitet und das Ergebnis in Echtzeit angesehen wird. Das erstellte Layout kann für die Verwendung in den Frameworks Ink, BubbleTea, Blessed, Textual, OpenTUI und Tview exportiert werden.

Das Projekt ist in TypeScript unter Verwendung von React, Vite, Zustand, Tailwind CSS und Lucide React geschrieben. Der Code wird unter der MIT-Lizenz veröffentlicht. Besonders hervorzuheben ist, dass fast der gesamte Code von TUI Studio von dem KI-Assistenten Claude verfasst wurde.

In TUI Studio stehen über 20 vorgefertigte Komponenten zur Verfügung, um die Benutzeroberfläche zu gestalten (Buttons, Menüs, Tabellen, Listen, Fortschrittsanzeigen, Dialoge, Tooltips usw.), und es werden 8 Design-Themen unterstützt, einschließlich heller und dunkler Modus, Farbverläufe, ASCII-Farben und Akzentfarben. Es besteht die Möglichkeit, Änderungen rückgängig zu machen. Es gibt eine Benutzeroberfläche zur Erstellung eigener Komponenten. Projekte werden im JSON-Format gespeichert.

Quelle: opennet.ru