html-static-dashboard-pattern

Community

Create a one-file health dashboard without Grafana.

Authorsaintgo7
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill solves the problem of not being able to run Grafana/Prometheus-heavy observability stacks in lightweight or constrained environments while still needing an always-available health view.

Core Features & Use Cases

  • Static one-page HTML health dashboard: Generates a single HTML file from local commands, suitable for environments with minimal tooling.
  • Bash-driven data collection: Collects process status, GPU info via nvidia-smi (when available), system resources, recent git commits, and optional Prometheus /metrics excerpts.
  • Operationally safe output: Escapes external command output to reduce XSS risk, refreshes on an interval, and provides graceful fallbacks when dependencies are missing.

Quick Start

Create a local health page by running the generated script with your desired output path so it refreshes automatically for quick monitoring.

Dependency Matrix

Required Modules

None required

Components

assets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: html-static-dashboard-pattern
Download link: https://github.com/saintgo7/claude-skills/archive/main.zip#html-static-dashboard-pattern

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.