TUI Studio – 視覺化終端機 UI 設計工具 (★ 105 分)
TUIStudio 是一套用「視覺化」方式設計終端機介面的工具,目標是把原本要手寫版面與控制碼的工作,變成在畫布上直接編排。它鎖定的是 TUI (Text User Interface,文字介面) 這類全程在終端機內互動的程式,例如 `htop`、`lazygit`、`k9s`;介面由字元、色彩與 ANSI (American National Standards Institute) 逸出碼組成。TUIStudio 提供即時的 ANSI 預覽、可調整縮放,並用拖曳放置把元件直接放到「所見即所得」的畫布上。
功能面主打內建 20+(頁面亦列為 21 個)元件,涵蓋 Screen、Box、Button、TextInput、Table、List、Tree、Tabs、Modal、Spinner、ProgressBar 等,並內建版面配置引擎,提供 Absolute、Flexbox 與 Grid(類似網頁 CSS (Cascading Style Sheets,網頁樣式表) 的排版概念)三種模式與完整屬性控制。它也提供多套色彩主題(如 Dracula、Nord、Solarized 等)可即時套用到畫布。專案可儲存與載入為可攜式 `.tui` JSON (JavaScript Object Notation,常見的結構化資料格式) 檔,方便分享或提交到 Git;官方也強調不需要帳號或雲端才能使用。匯出方面宣稱可產出對應多個框架的「可上線程式碼」,包含 Ink (TypeScript / React)、BubbleTea (Go)、Blessed (JavaScript / Node.js)、Textual (Python)、OpenTUI (TypeScript)、Tview (Go),但目前仍是 Alpha 版,頁面明確標註「程式碼匯出尚未可用」。另外因尚未做程式簽章 (code signing),macOS 會被 Gatekeeper (macOS 安全機制) 阻擋、Windows 會跳 SmartScreen 警示,Linux 則相對順暢;目前也主打 Apple Silicon 的原生 Mac 應用程式下載即用,未來規劃推出含團隊功能、雲端同步與優先支援的 Pro 方案。
Hacker News 討論多數先被「把終端機 TUI 做成類 Figma 的視覺設計器」這個點子打中,不少人直覺拿它類比成「終端機版 Qt Designer」,也有人稱讚下載後很快就能跑起來、完成度看起來高。也有偏產品面的回饋,例如提醒作者在 GitHub 儲存庫的簡介欄位加上官網連結,或希望官網上列出的框架名稱可以直接連到各框架的介紹頁,降低新手理解與評估成本。另一些人把它聯想到早期 BBS 的 ANSI Art 風格,提到 Visual Basic for DOS、Turbo Vision 等老派工具與美學,並有人補充大型語言模型 (LLM, Large Language Model) 很擅長產生 ASCII 圖與復古介面,可能會帶來一波「好玩但偏復古」的創作潮。
質疑聲音主要集中在「TUI 的價值到底是什麼」:不少留言認為現代 TUI 迷人之處在於為鍵盤操作、低認知負擔與高密度文字資訊而生(也常用於 SSH (Secure Shell,遠端登入協定) 的遠端管理情境),如果介面開始長得像低解析度 GUI(大量按鈕、頁籤、核取方塊,甚至期待滑鼠互動),就等於把 GUI 的互動模式硬套進終端機,反而背離 TUI 的使用者體驗。有些人因此反問「既然都在重做 CSS 的排版與元件,為什麼不直接做網頁」,或吐槽「需要用 GUI 來設計的 TUI,可能一開始就不該做成 TUI」。也有人從實用性出發直指目前匯出不可用,使它暫時更像展示用的編排工具,而非能真正完成產品的工作流程;另有較細的技術挑剔,例如方框轉角的 Unicode 框線字元在字格中的對齊看起來不自然,顯示終端機字元渲染的限制仍會影響視覺設計的可預期性。
👥 42 則討論、評論 💬
https://news.ycombinator.com/item?id=47362613