A hotfix to repair the OpenClaw Control UI Skills modal when row clicks fail due to DOM timing issues.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install openclaw-dashboard-skill-modal-patch
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install openclaw-dashboard-skill-modal-patch using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is OpenClaw Dashboard Skill Modal Patch?
The OpenClaw Dashboard Skill Modal Patch is a specialized utility designed to resolve a common UI timing bug within the OpenClaw dashboard. When the Skills page becomes non-responsive, it is often due to an InvalidStateError occurring because the browser attempts to display a modal before the element is fully connected to the document. This patch provides a reliable way to maintain the functionality of Openclaw Skills by modifying the live JavaScript bundle to include safety checks and deferred execution logic.
OpenClaw Dashboard Skill Modal Patch Use Cases
- Resolving instances where clicking a skill row in the OpenClaw dashboard fails to open the details view.
- Fixing the InvalidStateError: Failed to execute showModal error found in browser DevTools.
- Ensuring stable UI interactions when managing Openclaw Skills in high-latency or resource-constrained environments.
How OpenClaw Dashboard Skill Modal Patch Works
- Access the specific JavaScript asset bundle responsible for the skills UI in the OpenClaw installation directory.
- Locate the reactive showModal function within the minified code.
- Replace the standard call with a robust wrapper that checks for the element's connection status.
- Implement a retry mechanism using setTimeout to handle edge cases where the DOM is not yet ready.
- Refresh the browser to load the patched assets and restore full dashboard functionality.
OpenClaw Dashboard Skill Modal Patch Setup
To apply the patch to your Openclaw Skills setup, execute the following steps in your terminal:
# Open the live bundle for editing
nano /opt/homebrew/lib/node_modules/openclaw/dist/control-ui/assets/skills-m2TVOQPH.js
Search for the showModal() call and replace the existing logic with the following safe wrapper:
${r(e=>{if(!(e instanceof HTMLDialogElement)||e.open)return;let t=()=>{if(e.open)return;try{e.showModal()}catch{setTimeout(()=>{try{e.showModal()}catch{}},0)}};e.isConnected?t():setTimeout(t,0)})}
After saving, perform a hard reload (Cmd+Shift+R) in your browser.
OpenClaw Dashboard Skill Modal Patch Data Schema & Taxonomy
This skill targets and modifies the minified distribution assets of the OpenClaw control interface. It does not create new database entries but ensures the integrity of the UI layer for Openclaw Skills.
| Asset Component | Path | Function |
|---|---|---|
| Skills JS Bundle | /dist/control-ui/assets/skills-*.js | Handles the rendering and interaction of the skills list |
| Modal Element | HTMLDialogElement | The UI component responsible for displaying skill metadata |
OpenClaw Dashboard Skill Modal Patch Advanced Features
- Conditional DOM connection checking to prevent runtime JavaScript crashes.
- Resilience against asset filename changes in future Openclaw Skills builds.
- Non-destructive patching that targets only the specific logic responsible for the modal state error.
SKILL.md
Loading
Related Openclaw Skills
Reflow Profile Compliance Toolkit
A high-precision engineering skill for deterministic thermocouple data computation and automated reflow handbook compliance checking.
Nex PriceWatch
Nex PriceWatch is a local, privacy-focused price monitoring system that tracks competitor and supplier rates using automated web scraping and alerts.
Nex Voice
Nex Voice is a privacy-focused AI skill for transcribing voice notes and automatically extracting structured tasks and action items from audio recordings.
macOS Desktop Control
A native macOS automation toolkit for AI agents to control screen capture, system processes, and GUI interactions.
Jackett Search Integration
A powerful integration that enables AI agents to search multiple torrent indexers via Jackett's Torznab API.
Dust Language Architect
A specialized AI agent for interpreting, architecting, and documenting the Dust Programming Language using its canonical specifications and ecosystem repositories.
Featured*
