🎁 Get the FREE AI Skills Starter Guide β€” Subscribe β†’
BytesAgainBytesAgain
πŸ¦€ ClawHub

Agent Dashboard

by @tahseen137

Real-time agent dashboard for OpenClaw. Monitor active tasks, cron job health, issues, and action items from anywhere. Three setup tiers: (1) Zero-config can...

Versionv1.0.4
Installs5
πŸ’‘ Examples

Tier 1 β€” Canvas (Zero Setup) ⚑

No external services. The agent renders the dashboard directly in your OpenClaw session.

How to use:

Show me the mission control dashboard

The agent will: 1. Gather current state (active tasks, crons, etc.) 2. Generate a dashboard using the canvas tool 3. Present it inline in your session

That's it. No deploy, no accounts, nothing to configure.


Tier 2 β€” GitHub Pages + Polling (Recommended) 🌐

Free hosting with 30-second auto-refresh. Takes 2 minutes to set up.

Setup:

1. Create a repo:

   gh repo create mission-control --public --clone
   cd mission-control
   

2. Copy the dashboard:

   mkdir -p data
   # Copy tier2-github.html to index.html
   # Copy assets/templates/dashboard-data.json to data/
   

3. Edit index.html: - Change YOUR_PIN_HERE to your chosen PIN

4. Enable GitHub Pages: - Go to repo Settings β†’ Pages - Source: Deploy from branch main - Folder: / (root)

5. Deploy:

   git add -A && git commit -m "Initial deploy" && git push
   

Your dashboard is now live at https://YOUR_USERNAME.github.io/mission-control/


Tier 3 β€” Supabase Realtime + Vercel (Premium) ⚑πŸ”₯

True websocket realtime β€” updates appear in under 1 second.

Prerequisites:

  • Supabase account (free tier works)
  • Vercel account (free tier works)
  • Step 1: Create Supabase Table

    In your Supabase SQL Editor, run assets/templates/setup-supabase.sql.

    Step 2: Get Your Keys

    From Supabase Dashboard β†’ Settings β†’ API:

  • Copy SUPABASE_URL (Project URL)
  • Copy SUPABASE_ANON_KEY (anon public key)
  • That's it β€” no service_role key needed. The anon key handles both reads (dashboard) and writes (push script) via table-specific RLS.

    Step 3: Edit the Dashboard

    In tier3-realtime.html: 1. Replace YOUR_SUPABASE_URL with your project URL 2. Replace YOUR_SUPABASE_ANON_KEY with your anon key 3. Replace YOUR_PIN_HERE with your chosen PIN

    Step 4: Deploy to Vercel

    mkdir mission-control && cd mission-control
    

    Copy tier3-realtime.html as index.html

    vercel deploy --prod

    Step 5: Configure Push Script

    export SUPABASE_URL="https://YOUR_PROJECT.supabase.co"
    export SUPABASE_ANON_KEY="eyJ..."  # Same anon key used by the dashboard
    


    πŸ“‹ Tips & Best Practices

    Dashboard shows "Disconnected" (Tier 3)

  • Check Supabase project is running
  • Verify anon key is correct
  • Ensure realtime is enabled on the table
  • Data not updating (Tier 2)

  • Check GitHub Pages is enabled
  • Verify data/dashboard-data.json was pushed
  • Hard refresh the page (Ctrl+Shift+R)
  • Click the Force Update button to confirm data is stale
  • PIN not working

  • PINs are case-sensitive
  • Check you're using the same PIN in HTML config
  • Cron status not accurate

  • Ensure your Dashboard Update cron is running (cron list)
  • Check for errors in the cron output
  • Manually run the update: "Update my Mission Control dashboard now"

  • View on ClawHub
    TERMINAL
    clawhub install agent-dashboard

    πŸ§ͺ Use this skill with your agent

    Most visitors already have an agent. Pick your environment, install or copy the workflow, then run the smoke-test prompt above.

    πŸ” Can't find the right skill?

    Search 60,000+ AI agent skills β€” free, no login needed.

    Search Skills β†’