テキスト端末上で動作するユーザーインターフェースのビジュアルデザイン環境であるTUI Studio（Visual Terminal UI Designer）のコードが公開されました。この環境では、あらかじめ用意されたブロックをドラッグ＆ドロップしたり、プロパティを視覚的に編集したり、結果をリアルタイムでプレビューしたりすることで、インタラクティブなビジュアルインターフェースを作成できます。生成されたインターフェースレイアウトは、Ink、BubbleTea、Blessed、Textual、OpenTUI、Tviewといったフレームワークで使用するためにエクスポートできます。
このプロジェクトは、TypeScriptで記述されており、React、Vite、Zustand、Tailwind CSS、Lucide Reactを使用しています。コードはMITライセンスの下で配布されています。開発上の特筆すべき点として、TUI StudioのコードのほぼすべてがAIアシスタントのClaudeによって書かれたことが挙げられます。
TUI Studioは、20種類以上の既製インターフェースコンポーネント（ボタン、メニュー、テーブル、リスト、プログレスインジケーター、ダイアログ、ツールチップなど）を提供し、8種類のデザインテーマ、ライトモードとダークモード、グラデーション塗りつぶし、ASCIIカラー、アクセントカラーをサポートしています。変更の取り消しも可能です。独自のコンポーネントを作成するためのカスタムインターフェースも利用できます。プロジェクトはJSON形式で保存されます。
出所： オープンネット.ru
