theswerd/brainless

解决的问题

它提供了一种方法，将看起来像 AI 编码代理（Claude Code、OpenAI Codex 和 Grok）终端界面的高保真、可访问的 React 组件嵌入到网站、文档和营销页面中。这消除了使用静态截图或 iframe 来展示代理交互的需求。

运作方式

该项目是一个 shadcn/ui 注册表。它使用捕获工具（通过 tmux）来记录来自 AI 代理的真实终端输出，然后用于构建忠实重现这些终端 UI 的 React 组件。这些组件以可复制粘贴的注册表项目形式提供，可以通过 shadcn CLI 添加到项目中。

目标受众

希望在网页应用程序或文档中使用干净、可访问的代码而非图片来展示 AI 代理终端会话的开发者和设计师。

特色亮点

• 多代理支持：重现 Claude Code、OpenAI Codex 和 Grok 的界面。
• 高保真度：基于来自 tmux 工具的真实终端捕获。
• shadcn/ui 集成：组件以注册表形式交付，允许通过 bunx shadcn add 轻松安装。
• 细粒度组件：包含思考区块、工具调用、差异比较 (diffs) 和斜线菜单等特定部分，以及完整的会话区块。