WebChat Enhancer
🌟 Hover-expandable navigation for OpenClaw WebChat | Auto Theme Sync | Lobster Colors
⚡ One-Command Install
curl -sL https://raw.githubusercontent.com/yjin94606-art/webchat-enhancer/main/skills/webchat-enhancer/install.sh | bash
Install Tampermonkey
Chrome / Edge:
- 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
- Download: enhancer.user.js
- Open Tampermonkey Dashboard → Create new script → Paste & Save
Open WebChat
http://127.0.0.1:18789
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
- 🌐 ClawHub
- 📦 GreasyFork
- 💻 GitHub
Scan to join WeChat group