我构建了 PinchChat，一个用于 OpenClaw 的开源 Web 聊天 UI

Source: Dev.to

概述

我已经使用 OpenClaw 作为个人 AI 助手一段时间了，默认的终端/CLI 界面在日常使用中并不够用。因此我构建了 PinchChat，一个轻量级的自托管网页聊天 UI，专为 OpenClaw 设计。
它为你的专属代理提供类似 ChatGPT 的界面。

Features

• Live tool‑call visualization – 实时查看代理的操作（文件读取、网络搜索、代码执行），使用彩色徽章和可展开的详细信息。
• Multi‑session management – 侧边栏显示所有活动会话（定时任务、子代理、不同渠道的私信）。
• Token usage tracking – 每个会话都有实时进度条，让你了解剩余的上下文量。
• Streaming – 观看代理思考并实时输入，逐 token 显示。
• Inline images – 生成或读取的图片直接在聊天中渲染，并支持灯箱预览。
• Context compaction button – 当 token 使用量较高时，可手动触发压缩。
• i18n – 支持 8 种语言（EN、FR、ES、DE、JA、PT、ZH、IT）。
• PWA installable – 可作为独立的移动端和桌面应用安装。
• Theming – 多种配色主题以及完整的暗色模式（Dark、Light、OLED Black）。
• Slash‑command autocomplete – 快速访问 OpenClaw 命令。
• Conversation export – 将聊天记录下载为 Markdown。
• Session info popover – 一目了然的 token 分析和元数据。

技术栈

• 前端: React + Vite + Tailwind CSS
• 部署: Docker 镜像可在 ghcr.io 获取；一键部署.

试一试

徽章

演示

PinchChat 是 MIT 许可证，欢迎提交 PR。我很想收到其他 OpenClaw 用户的反馈——您希望在网页聊天 UI 中看到哪些功能？