Webchat Enhancer

Automation

๐ŸŒŸ Hover-expandable navigation for OpenClaw WebChat. Auto theme sync, lobster colors, no settings needed.

Install

openclaw skills install webchat-enhancer

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:

  1. Install Tampermonkey
  2. Enable Developer Mode: Open chrome://extensions/ โ†’ Toggle Developer Mode ON
  3. 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
  2. Open Tampermonkey Dashboard โ†’ Create new script โ†’ Paste & Save

Open WebChat

http://127.0.0.1:18789

Navigation panel appears automatically! โœ…


Features

FeatureDescription
๐Ÿ–ฑ๏ธ Hover to ExpandPanel slides out when mouse approaches, hides when mouse leaves
๐ŸŽจ Auto Theme SyncAutomatically matches WebChat Dark/Light mode
๐Ÿฆ Lobster ColorsCrimson red accent inspired by OpenClaw's branding
๐Ÿ“œ Chat NavigatorClick any card to jump to that message
๐Ÿ”„ Auto-UpdatingDetects new messages automatically
โšก Zero ConfigWorks out of the box โ€” no settings needed

Usage

ActionEffect
Mouse enters right edge tabNavigator slides out
Mouse leaves navigatorNavigator slides back in
Click any message cardSmooth scroll to that message
Click RefreshRescan 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