claudecode_webui
为Claude Agent SDK提供可视化Web界面，支持多智能体编排与监控。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：claudecode_webui。 它的用途是：为Claude Agent SDK提供可视化Web界面，支持多智能体编排与监控。 完整的 Skill 内容见：https://321skill.com/skills/claudecode-webui/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“启动一个新的‘数据分析’项目，并创建两个智能体，一个负责‘数据清洗’，一个负责‘生成分析报告’。”，它会为你创建项目并初始化两个专属会话。然后，你可以通过活动时间轴实时查看“数据清洗”智能体执行文件读取和清洗工具的全过程，并同时向“生成报告”智能体发送指令，让它基于清洗结果开始撰写报告。
介绍
Claude WebUI 为 Claude Agent SDK 提供了一个基于浏览器的可视化操作中心，解决了开发者需要通过命令行与智能体交互、难以直观监控多任务执行状态和缺乏统一管理界面的痛点。
它通过 FastAPI 后端和 Vue 3 前端，将 Claude Code CLI 的核心功能网络化、可视化。用户可以在任何设备的浏览器中访问，启动会话、配置权限、上传文件，并通过清晰的活动时间轴实时观察每个工具调用的执行状态与结果。
该工具非常适合需要同时管理和协调多个Claude智能体（Minion）进行复杂任务开发的团队或个人，例如全栈开发、智能体开发者或项目经理，他们需要一个集中平台来提升开发流程的透明度和协作效率。
使用前请确保已安装 Python 3.13+ 和 Node.js 环境。由于项目涉及网络访问，部署时请注意局域网安全配置。其许可证为 CC BY-NC-SA 4.0，请注意商业使用限制。
核心特点
核心区别在于提供了CLI不具备的**可视化工具执行时间轴**和**多智能体（Minion）编排层**，允许用户以图形化方式实时监控、调度和协调多个Claude会话，实现复杂的跨会话任务流。
注意事项
不适合需要完全离线、无网络环境或进行大规模商业部署的场景。
常见问题
Claude WebUI 和 Claude Code CLI 有什么区别？
WebUI在CLI功能基础上，增加了浏览器可视化界面、多智能体编排、工具执行时间轴监控和跨设备访问能力。
需要自己准备Claude API密钥吗？
是的，你需要自行配置 Anthropic Claude API 密钥来驱动后端的智能体会话。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/claudecode-webui/raw/index.md 读取 claudecode_webui 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/claudecode-webui/raw/index.md（查看排版版本）