20｜TUI：Pimono TUI 自绘引擎与内置组件库实战
邢云阳
你好，我是邢云阳。
上节课我们把合同审查 Agent 搬到了 Web 页面，用 ChatPanel 实现了浏览器里的聊天交互。这节课，我们再次回到终端中，用另外一种名字叫做 TUI 的界面来实现交互。这两年比较火的 Claude Code、OpenCode 等等都是主打 TUI （文本用户界面）的交互方式。
Pi-mono 自带的 pi-tui 包就是为这种场景准备的——它提供了一套终端 UI 自绘引擎和内置组件库，让你在命令行里也能做出媲美 GUI 的交互体验。
这节课我们就用 pi-tui 给合同审查 Agent 做一个终端界面。你会看到它是如何实现差分渲染、组件化布局、键盘事件处理，以及如何把 Agent 的事件流实时展示在终端里。
为什么还需要 TUI
可能有的同学会问：既然已经有了 Web UI，为什么还要做 TUI？
原因有三点。
启动成本。Web 需要启动 HTTP 服务器、打开浏览器，而 TUI 只需要 npx tsx src/runtime/tui-review.ts sample-contract.txt，秒开即用。
开发者友好。很多工程师的工作流就是终端 + 编辑器。审查结果直接显示在终端里，不需要切换窗口，和 grep、git、vim 等工具一脉相承。
远程 / 服务器场景。当你通过 SSH 登录到远程服务器运行 Agent 时，没有浏览器可用，TUI 就是唯一的人机交互界面。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
仅可试看部分内容，如需阅读全部内容，请付费购买文章所属专栏
《Harness Agent 脚手架实战课》，新⼈⾸单¥59
《Harness Agent 脚手架实战课》，新⼈⾸单¥59
立即购买
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
登录 后留言
精选留言
由作者筛选后的优质留言将会公开显示，欢迎踊跃留言。
收起评论