终端 UI 实现对比分析

1. Claude Code (claude-code-rev)

终端 UI 位于 src/ink/, src/screens/, src/components/。

核心特性：

• React + Ink：这是 Claude Code 的视觉核心。使用 React 的组件化思想来构建终端界面。
• 丰富组件库：包含 Spinner, ProgressBar, SyntaxHighlighter, Collapsible, DiffViewer 等大量自定义 Ink 组件。
• 多屏切换（Screens）：在 src/screens/ 中定义了主循环屏、欢迎屏、配置屏等，实现了类似图形界面的页面切换效果。
• 按键绑定（Keybindings）：集成了精细的 Keybindings 系统，支持快捷键（如 Ctrl+C 的优雅截断，Enter 的发送）。

2. Opencode (opencode)

CLI UI 相关逻辑分布在 packages/app/ 和 packages/console/。

核心特性：

• 指令式输出：更多依赖传统的控制台日志输出和简单的交互提示。
• 功能导向：UI 设计更侧重于信息的清晰传递，减少了复杂的视觉装饰，使得输出更易于被管道（Pipe）重定向或日志收集。

3. 对比总结

维度	Claude Code	Opencode
技术栈	React / Ink	原生 Node CLI / Chalk
交互复杂度	极高（类 GUI 的 TTY 体验）	中等（标准的 CLI 体验）
自定义程度	大量自定义交互组件	侧重标准流输出
维护难度	较高（需管理 React 生命周期）	较低

Claude Code 重新定义了终端助手的交互标准，提供了一种接近 IDE 的富文本体验；Opencode 则保持了传统 CLI 的简洁与高效，更易于在自动化流程中集成。