glance
Create, update, and manage Glance dashboard widgets. Use when user wants to: add something to their dashboard, create a widget, track data visually, show metrics/stats, display API data, or monitor usage.
Best for DevOps teamsWorks with GitHubLow risk
⌘source
- author
@LeoYeAI- language
- Python
★2kstars
306forks
May 6, 2026
✦overview.md
Key Features
- ·Create custom widgets with natural language
- ·AI auto-generates JSX for widgets
- ·Scheduled data collection and push to cache
- ·Dashboard export/import for sharing
- ·Secure credential management for API keys
- ·Real-time webhook-triggered updates
Use Cases
- →Add a widget to display API metrics on your dashboard
- →Create a real-time monitoring view for app usage
- →Share a widget configuration with your team
- →Set up scheduled data refreshes for key metrics
Best for
- ✓DevOps teams
- ✓Monitoring dashboards
- ✓Quick data visualization
Not ideal for
- !Complex data transformations
- !Production-critical systems without review
FAQs
name
glance
description
Create, update, and manage Glance dashboard widgets. Use when user wants to: add something to their dashboard, create a widget, track data visually, show metrics/stats, display API data, or monitor usage.
metadata:{"openclaw":{"emoji":"🖥️","homepage":"https://github.com/acfranzen/glance","requires":{"env":["GLANCE_URL"],"bins":["curl"]},"primaryEnv":"GLANCE_URL"}}
Glance
AI-extensible personal dashboard. Create custom widgets with natural language — the AI handles data collection.
Features
- Custom Widgets — Create widgets via AI with auto-generated JSX
- Agent Refresh — AI collects data on schedule and pushes to cache
- Dashboard Export/Import — Share widget configurations
- Credential Management — Secure API key storage
- Real-time Updates — Webhook-triggered instant refreshes
Quick Start
# Navigate to skill directory (if installed via ClawHub)
cd "$(clawhub list | grep glance | awk '{print $2}')"
# Or clone directly
git clone https://github.com/acfranzen/glance ~/.glance
cd ~/.glance
# Install dependencies
npm install
# Configure environment
cp .env.example .env.local
# Edit .env.local with your settings
# Start development server
npm run dev
# Or build and start production
npm run build && npm start
Dashboard runs at http://localhost:3333
Configuration
Edit .env.local:
# Server
PORT=3333
AUTH_TOKEN=your-secret-token # Optional: Bearer token auth
# OpenClaw Integration (for instant widget refresh)
OPENCLAW_GATEWAY_URL=https://localhost:18789
$install
1-click copynpx skills add LeoYeAI/openclaw-master-skills --skill glanceSafety assessment
★
Clarity score
How clear and easy to understand the SKILL.md instructions are, rated from 1 to 5.
4/ 5
very goodClear and well structured, with only minor parts that might need a second read.
◎
Actionability score
How directly an agent can act on the SKILL.md instructions, rated from 1 to 5.
4/ 5
highMostly actionable with clear steps; only a few small gaps remain.