WebChat Enhancer
🌟 Hover-expandable navigation for OpenClaw WebChat | Auto Theme Sync | Lobster Colors
⚡ One-Command Install
CODEBLOCK0
Install Tampermonkey
Chrome / Edge:
- 1. Install Tampermonkey
- Enable Developer Mode: Open
chrome://extensions/ → Toggle Developer Mode ON - Reload Tampermonkey if needed
Firefox / Safari:
Just install Tampermonkey directly
Install Script
Option 1: GreasyFork (Recommended)
open "https://greasyfork.org/scripts/571337-webchat-enhancer"
Then click the green
"Install" button.
Option 2: Manual
- 1. Download: enhancer.user.js
- Open Tampermonkey Dashboard → Create new script → Paste & Save
Open WebChat
CODEBLOCK2
Navigation panel appears automatically! ✅
Features
| Feature | Description |
|---|
| 🖱️ Hover to Expand | Panel slides out when mouse approaches, hides when mouse leaves |
| 🎨 Auto Theme Sync |
Automatically matches WebChat Dark/Light mode |
| 🦐
Lobster Colors | Crimson red accent inspired by OpenClaw's branding |
| 📜
Chat Navigator | Click any card to jump to that message |
| 🔄
Auto-Updating | Detects new messages automatically |
| ⚡
Zero Config | Works out of the box — no settings needed |
Usage
| Action | Effect |
|---|
| Mouse enters right edge tab | Navigator slides out |
| Mouse leaves navigator |
Navigator slides back in |
| Click any message card | Smooth scroll to that message |
| Click
Refresh | Rescan conversation |
What Changed in 4.5.0
- - ❌ Removed language switching — English only
- ❌ Removed theme selector — fully automatic
- ❌ Removed settings panel
- 🆕 Hover-expandable navigation
- 🆕 Auto theme detection
Browser Support
Chrome · Firefox · Edge · Safari
Requires Tampermonkey extension.
Links
WebChat Enhancer
🌟 为 OpenClaw WebChat 提供悬停展开导航 | 自动主题同步 | 龙虾配色
⚡ 一键安装
bash
curl -sL https://raw.githubusercontent.com/yjin94606-art/webchat-enhancer/main/skills/webchat-enhancer/install.sh | bash
安装 Tampermonkey
Chrome / Edge：
- 1. 安装 Tampermonkey
- 启用开发者模式：打开 chrome://extensions/ → 将开发者模式开关打开
- 如有需要，重新加载 Tampermonkey
Firefox / Safari：
直接安装 Tampermonkey
安装脚本
选项 1：GreasyFork（推荐）
bash
open https://greasyfork.org/scripts/571337-webchat-enhancer
然后点击绿色的“安装”按钮。
选项 2：手动安装
- 1. 下载：enhancer.user.js
- 打开 Tampermonkey 面板 → 新建脚本 → 粘贴并保存
打开 WebChat
http://127.0.0.1:18789
导航面板会自动出现！✅
功能特性
| 功能 | 描述 |
|---|
| 🖱️ 悬停展开 | 鼠标靠近时面板滑出，鼠标离开时隐藏 |
| 🎨 自动主题同步 |
自动匹配 WebChat 深色/浅色模式 |
| 🦐
龙虾配色 | 灵感来自 OpenClaw 品牌的深红色强调色 |
| 📜
聊天导航 | 点击任意卡片跳转到对应消息 |
| 🔄
自动更新 | 自动检测新消息 |
| ⚡
零配置 | 开箱即用——无需任何设置 |
使用方法
| 操作 | 效果 |
|---|
| 鼠标进入右侧边缘标签 | 导航面板滑出 |
| 鼠标离开导航面板 |
导航面板滑回 |
| 点击任意消息卡片 | 平滑滚动到该消息 |
| 点击
刷新 | 重新扫描对话 |
4.5.0 版本更新内容
- - ❌ 移除了语言切换——仅支持英文
- ❌ 移除了主题选择器——完全自动化
- ❌ 移除了设置面板
- 🆕 悬停展开导航
- 🆕 自动主题检测
浏览器支持
Chrome · Firefox · Edge · Safari
需要安装 Tampermonkey 扩展。
相关链接
