蜡笔猫导航affectui
面向 AI Agent 场景的 React 组件库，把 Agent 树、工具调用、执行轨迹、任务交接与审批等做成单文件组件，可用 shadcn 或 MCP 安装，开源免费。
它能做什么
- 提供 Agent 树、工具调用、执行轨迹、任务交接与审批等专用组件
- 组件按单文件分发，可通过 shadcn 或 MCP 安装
- TypeScript 编写，MIT 许可证开源
- 覆盖暗色模式、动效与插画等界面细节
适合谁
- 正在开发 Agent 产品的前端团队，需要现成的运行与调试面板
- 需要在界面中展示工具调用与思考、执行过程的开发者
- 想基于 shadcn 体系快速拼装 AI 应用界面的项目
详细介绍
affectui 是一套面向 AI Agent 场景的 React 组件集合，将 Agent 运行过程中常见的结构——Agent 树、工具调用、执行轨迹、任务交接与人工审批——做成可直接嵌入界面的组件，另外也提供应用其他部分可用的通用组件。适合在做 Agent 产品、又不想从零手写运行与调试面板的前端团队。
组件以单文件形式分发，走复制即用的路线，可通过 shadcn 或 MCP 安装进项目。项目使用 TypeScript 编写，MIT 许可证开源，仓库标签涉及暗色模式、动效与插画等界面方向。
使用前提是项目基于 React（仓库 topics 中出现 Next.js）。它提供的是可复用的界面组件，而不是完整的 Agent 框架或成品聊天应用；具体安装方式与组件 API 建议以官方文档为准。