A developer-centric skill for building custom, locally-hosted data dashboards from any source using automated fetch scripts and static HTML.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install dashboard
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 dashboard 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 Dashboard?
The Dashboard skill allows developers to create personalized, locally-hosted data visualizations using Openclaw Skills. It bridges the gap between complex APIs and simple, readable HTML interfaces by generating robust fetch scripts and elegant front-end templates. This approach ensures your data stays private on your local machine while providing the professional look and feel of a managed SaaS tool. By utilizing a user-driven data model, it maintains a high security posture where credentials never leave your environment variables.
At its core, the skill focuses on delivering high-quality visual outputs through an internal QA loop. Before any dashboard is finalized, the agent performs visual validation to check for layout issues, contrast, and font readability. This ensures that the generated Openclaw Skills dashboards are not only functional but also highly polished for daily use.
Dashboard Use Cases
- Monitoring business metrics like Stripe revenue or subscription growth.
- Visualizing local system performance or homelab health indicators.
- Creating personal productivity hubs with aggregated data from multiple external APIs.
- Tracking developer metrics such as GitHub PR statuses or CI/CD build results.
- Building lightweight, privacy-focused monitoring tools that don't require cloud-based BI platforms.
How Dashboard Works
- The user defines a data source and the desired metrics for their dashboard.
- The skill generates a specific fetch script (bash) and a static HTML dashboard template.
- The user configures the necessary API credentials as environment variables on their local system.
- The fetch script is executed (manually or via cron) to retrieve data and save it as a local data.json file.
- The static HTML dashboard consumes the local JSON to render responsive charts and KPIs.
- The skill performs a visual QA check via screenshot analysis to ensure the design meets predefined quality standards.
Dashboard Setup
To get started with this skill, follow these installation and configuration steps:
# Create the root directory for your dashboards
mkdir -p ~/dashboard
# Set your required API credentials in your shell profile (e.g., .zshrc or .bashrc)
export STRIPE_API_KEY="your_api_key_here"
# Run the generated fetch script to populate initial data
chmod +x ~/dashboard/your-project/fetch.sh
~/dashboard/your-project/fetch.sh
After setup, open the generated index.html in your browser at 127.0.0.1 to view your live data.
Dashboard Data Schema & Taxonomy
The skill organizes all dashboard assets within a structured local directory to ensure portability and ease of management:
| File/Folder | Purpose |
|---|---|
~/dashboard/registry.json |
A central index of all dashboards created via Openclaw Skills |
~/{name}/config.json |
Contains dashboard layout, widget definitions, and UI metadata |
~/{name}/data.json |
The most recently fetched dataset in raw JSON format |
~/{name}/index.html |
The self-contained HTML/CSS/JS file used for visualization |
~/{name}/fetch.sh |
The bash script responsible for authenticated data retrieval |
Dashboard Advanced Features
- Visual QA Loop: Automatic design validation checking for overlaps, contrast, and font sizes before delivery.
- Secure Credential Handling: Strictly uses environment variables to prevent accidental exposure of secrets in code or config files.
- Cron Integration: Designed to be easily automated via standard system schedulers for real-time local updates.
- Design Defaults: Optimized for readability with a choice of professional dark and light themes and 8px corner rounding.
- Local-First Architecture: Serves data on 127.0.0.1 by default, ensuring no PII is exposed to the public internet.
SKILL.md
Loading
Related Openclaw Skills
Danish Language Native Tone
A specialized skill designed to transform robotic AI Danish into authentic, human-like communication using native particles and casual registers.
Daily Planner
A high-performance productivity skill that plans, protects, and executes your day through intelligent time blocking and automated commitment tracking.
Daily News Digest
An AI-powered news chief of staff that aggregates, prioritizes, and delivers personalized daily briefings from multiple global sources.
Czech: Human-Centric Communication
A specialized linguistic skill to make AI-generated Czech sound authentic, casual, and human rather than robotic or overly formal.
Database Manager
A robust database operating system for managing schemas, migrations, and recovery readiness with high reliability.
Dates
A privacy-first personal dating system built to track connections, plan thoughtful dates, and log meaningful reflections using Markdown files.
METADATA
Featured*
