vuejs-ai/vue-tui

The Vue framework for terminal UIs. SFC & JSX, Yoga flexbox, HMR, and testing out of the box.

What it solves

vue-tui は、開発者が Vue.js を使ってインタラクティブなターミナルユーザーインターフェース（TUI）を構築できるようにします。ターミナル制御シーケンスやレイアウト計算を手動で行う代わりに、コンポーネントベースのアーキテクチャを提供し、Web 用に開発するのと同じ開発体験で複雑なターミナルアプリを作成できます。

How it works

このフレームワークは、DOM の代わりにターミナルを対象としたカスタム Vue 3 レンダラーを提供します。React Native と同じ Yoga レイアウトエンジンを使用して、ターミナル内で Flexbox レイアウトを実装します。開発者は Vue Single File Components（SFC）または JSX でインターフェースを記述でき、フレームワークがレンダリング、キーボード入力、マウスイベント、フォーカス管理を処理します。

Who it’s for

インタラクティブ UI を備えた高度なコマンドラインツールを構築したいが、低レベルのターミナル操作よりも Vue.js のリアクティブコンポーネントモデルとツールチェーンを好む開発者向けです。

Highlights

Vue-Native Development: ターミナルインターフェース構築のために Vue SFC と JSX をサポート。
Flexbox Layout: Yoga によるレスポンシブレイアウトシステムを実装。
Developer Experience: ターミナル内で直接 Hot Module Replacement（HMR）を行う実験的な Vite プラグインを含む。
Comprehensive Tooling: 決定論的なコンポーネントレベルのターミナルテスト用ハーネスを提供。
AI Agent Support: レンダリングされた画面を検査して TUI レイアウトを反復できるよう、AI コーディングエージェント向けのビジュアル開発ガイドを含む。