Agent skill

Dashboard Preview

by m4r1k in m4r1k/Eneru

Visually verify Eneru browser-dashboard changes against a live daemon or audit an exact deployment.

MITAuto-check passedDevOps & Cloud

Install Dashboard Preview

skills CLI
$ npx skills add m4r1k/Eneru --skill dashboard-preview -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install m4r1k/Eneru dashboard-preview --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/m4r1k/Eneru.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/dashboard-preview .claude/skills/dashboard-preview && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
dashboard-preview
GitHub stars
149
Token cost
~1.4k tokens
SKILL.md length
566 words
Files
1
Skills in repo
3
Repo updated
First seen
Licence
MIT

At a glance

Visually verify Eneru browser-dashboard changes against a live daemon or audit an exact deployment.

  • Works in 2 steps: dashboard-preview.py renders… → dashboard-audit.py visits a deployed…
  • Web assets change and you need to see the result rendered on real telemetry
  • SKILL.md covers When to use, Prerequisites, Run it and Options, plus 1 more section
  • Calls python, uv and playwright

What it does

Dashboard Preview is an agent skill from m4r1k/Eneru. Visually verify Eneru browser-dashboard changes against a live daemon or audit an exact deployment. Use whenever web assets change and you need to see the result rendered on real telemetry. Preview serves working-tree assets over a live API; deployed audit inventories and screenshots the assets a running instance actually serves.

Its SKILL.md is about 1.4k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in DevOps & Cloud, covering Monitoring and alerting and Deployment. It works with Docker, Prometheus, Linux and Grafana. The repository describes itself as: ⚡ UPS monitoring and shutdown orchestration for NUT: multi-UPS policy, VM/container/remote shutdown, TUI, API, Prometheus, MQTT, Grafana, and persistent notifications. The licence is MIT.

When your agent uses it

  • Web assets change and you need to see the result rendered on real telemetry
  • Tasks that involve Monitoring and alerting
  • Tasks that involve Deployment

Example prompts

  • “/dashboard-preview”

Requirements

  • Python 3

Workflow steps

2 steps, taken from the first numbered list in SKILL.md.

  1. dashboard-preview.py renders working-tree assets against a live
  2. dashboard-audit.py visits a deployed daemon directly so the screenshots

What it can do on your machine

Read from SKILL.md and the folder at commit e2a4f30. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • python
    • uv
    • playwright
    • curl

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use uv and curl, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Dashboard Preview loads about 1.4k tokens when it runs. Until then it costs about 87 tokens; SKILL.md has 566 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~87
When it runs · the whole SKILL.md, loaded when a task matches
~1.4k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from m4r1k/Eneru at commit e2a4f30, republished under its MIT licence (© m4r1k). 566 words, ~1,377 tokens.

Download SKILL.mdSave it as .claude/skills/dashboard-preview/SKILL.md (or your agent's skills folder).
name
dashboard-preview
description
Visually verify Eneru browser-dashboard changes against a live daemon or audit an exact deployment. Use whenever web assets change and you need to see the result rendered on real telemetry. Preview serves working-tree assets over a live API; deployed audit inventories and screenshots the assets a running instance actually serves.

Dashboard preview

The browser dashboard is static assets (src/eneru/web/) that talk to the daemon's JSON API. String-only or fixture-based tests miss layout, theming, and chart-rendering regressions. This skill supports two related checks:

  1. dashboard-preview.py renders working-tree assets against a live daemon so an uncommitted change can be verified by eye.
  2. dashboard-audit.py visits a deployed daemon directly so the screenshots prove what that installation actually serves.

ELI5: a one-way mirror in front of the running daemon — you see your brand-new UI code, but every data question is passed through to the real daemon and the real answer comes back. Tomorrow's dashboard on today's live data.

When to use

  • Any change under src/eneru/web/ (app.js, style.css, index.html).
  • Before pushing a PR that touches the dashboard — capture light + dark and read the PNGs to confirm there are no console errors and the affected tab renders.
  • After deploying a dashboard build — audit every visible tab and its safe, read-only submenus at the real URL.

Prerequisites

  1. A running Eneru daemon with the API enabled (default http://127.0.0.1:9191). Confirm: curl -s -o /dev/null -w '%{http_code}' http://127.0.0.1:9191/api/v1/ups should print 200.
  2. The dev environment with Playwright + Chromium (per AGENTS.md the venv must be a uv venv; never the system Python):
    bash
    uv venv /tmp/eneru-venv && source /tmp/eneru-venv/bin/activate
    uv pip install -e ".[dev]"
    playwright install chromium

Run it

Preview working-tree assets
bash
python tools/dashboard-preview.py                       # all tabs, light+dark
python tools/dashboard-preview.py --themes light        # light only
python tools/dashboard-preview.py \
    --daemon http://127.0.0.1:9191 \
    --out /tmp/eneru-preview \
    --tabs overview,battery

Then Read the PNGs (<out>/dash-[<theme>-]<tab>.png) to actually look at the result. The script also prints any browser console errors/warnings and exits non-zero if it saw any — treat those as failures.

Audit an exact deployment
bash
/tmp/eneru-venv/bin/python tools/dashboard-audit.py \
    --url http://eneru-host:9191 \
    --out /tmp/eneru-dashboard-audit \
    --capture-scopes

# Include the authenticated Control tab. The password is prompted securely.
/tmp/eneru-venv/bin/python tools/dashboard-audit.py \
    --url https://eneru.example.test \
    --username admin

Read the PNGs and report.json. The audit covers every visible tab in light and dark themes, UPS detail dialogs, Event type filters, the sanitized Config tree, a mobile viewport, and optional per-UPS scopes. It records console warnings/errors, failed or HTTP-error requests, select options, and visible controls without accessible names. It exits non-zero when those checks find an issue.

The deployed audit is read-only. It never clicks UPS commands, self-tests, variable writes, event deletion, config reload, or shutdown actions. Do not add one of those actions to the tool merely to broaden coverage; hardware-changing tests belong in a purpose-built, disposable environment.

Show full SKILL.md (224 more words)Show less

Options

Working-tree preview
FlagDefaultMeaning
--web-dirsrc/eneru/webworking-tree assets to serve
--daemonhttp://127.0.0.1:9191live daemon API to proxy to
--port9232local preview-server port
--out/tmp/eneru-previewscreenshot output directory
--tabsall 7comma-separated tabs to capture
--themeslight,darkcomma-separated themes
--settle-ms2500wait for first refresh + charts to settle
Deployed audit
FlagDefaultMeaning
--urlhttp://127.0.0.1:9191deployed dashboard URL
--out/tmp/eneru-dashboard-auditPNG and JSON output directory
--tabsevery visible tabcomma-separated tabs to capture
--themeslight,darkcomma-separated themes
--usernamenonesign in to expose authenticated read-only UI; password is prompted
--settle-ms1200wait after initial load before inspection
--tab-settle-ms650wait after each tab or scope change
--capture-scopesoffcapture Overview once per individual UPS
--mobile-width390mobile Overview width; 0 disables it

Notes

  • The preview server proxies everything that is not /, /app.js, or /style.css straight to the daemon, so auth, history, energy, battery-health, and event endpoints all return real data.
  • For endpoints a given daemon can't serve (e.g. a feature still in the working tree), point --daemon at a daemon that can, or stub the route in a local fork of the harness.
  • This is the project's standard dashboard-verification loop — prefer it over trusting unit tests for any visual change.
  • Use preview before deployment and deployed audit after deployment. Together, they distinguish a source-code regression from stale or incorrectly packaged static assets.

© m4r1k, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .claude/skills/dashboard-preview of m4r1k/Eneru.

Open the folder on GitHubat commit e2a4f30

Compare with similar skills

Dashboard Preview next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Dashboard Preview compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Dashboard Preview this skillm4r1k/Eneru149—~1.4kAutomated safety check: PassMIT
Aqua Metricsoracle/accelerated-data-science125—~1.5kAutomated safety check: PassUPL-1.0
Alloygrafana/skills282—~1.3kAutomated safety check: PassApache-2.0
Analyzing Experiment Precompute CanaryPostHog/posthog40k—~3.5kAutomated safety check: PassCustom licence
Beylagrafana/skills282—~1.1kAutomated safety check: PassApache-2.0
Grafanamagnus919/agent-skills115—~2.4kAutomated safety check: PassMIT

Similar skills

  • Aqua Metrics

    oracle/accelerated-data-science

    Official

    Set up Prometheus and Grafana monitoring for AQUA vLLM model deployments on OCI.

    125 GitHub stars~1.5k tokensUpdated 1 mo ago
    DevOps & CloudAuto-check passed
  • Alloy

    grafana/skills

    Official

    Build a unified telemetry pipeline with Grafana Alloy — one OpenTelemetry-compatible binary that collects metrics, logs, traces, and profiles and ships to Grafana Cloud / Prometheus / Loki / Tempo /…

    282 GitHub stars~1.3k tokensUpdated yesterday
    DevOps & CloudAuto-check passed
  • Analyze the experiment precompute result-consistency canary across prod-US and prod-EU, deep-dive any issues, and produce an actionable report.

    40k GitHub stars~3.5k tokensUpdated today
    DevOps & CloudAuto-check passed
  • Beyla

    grafana/skills

    Official

    Auto-instrument an application's HTTP / gRPC / DB traffic with Grafana Beyla eBPF — no code changes, no SDK, no restart.

    282 GitHub stars~1.1k tokensUpdated yesterday
    DevOps & CloudAuto-check passed
  • Grafana

    magnus919/agent-skills

    Operate, configure, provision, secure, and troubleshoot Grafana OSS, Enterprise, and Cloud, including dashboards, folders, data sources, annotations, alert rules, contact points, notification…

    115 GitHub stars~2.4k tokensUpdated today
    DevOps & CloudAuto-check passed
  • vLLM Model Serving

    Orchestra-Research/AI-Research-SKILLs

    Deploys LLMs with vLLM for high-throughput serving, covering the OpenAI-compatible server, offline batch inference, monitoring and a Docker rollout.

    13k GitHub starsUsed in 5 repos~2.3k tokens
    AI & LLM EngineeringAuto-check passed

More from m4r1k/Eneru

  • Graft

    m4r1k/Eneru

    This repo is indexed by graft/. An agent skill from m4r1k/Eneru.

    149 GitHub starsUsed in 1 repo~2.3k tokens
    Auto-check passed
  • Release Review

    m4r1k/Eneru

    Mandatory pre-release deep review for minor/major releases (X.Y.0 / X.0.0).

    149 GitHub stars~1.9k tokensUpdated 2 days ago
    Auto-check passed

Categories

Questions about Dashboard Preview

What does Dashboard Preview do?

Visually verify Eneru browser-dashboard changes against a live daemon or audit an exact deployment. Dashboard Preview is an agent skill from m4r1k/Eneru. Visually verify Eneru browser-dashboard changes against a live daemon or audit an exact deployment.

When should I use Dashboard Preview?

Dashboard Preview fits situations like: web assets change and you need to see the result rendered on real telemetry; tasks that involve Monitoring and alerting; tasks that involve Deployment.

How do I install Dashboard Preview in Claude Code?

Run `npx skills add m4r1k/Eneru --skill dashboard-preview -a claude-code`. Or copy the skill folder (.claude/skills/dashboard-preview in m4r1k/Eneru) into .claude/skills/dashboard-preview in your project. Claude Code loads it when a task matches its description.

How do I install Dashboard Preview in Codex?

Run `npx skills add m4r1k/Eneru --skill dashboard-preview -a codex`. Or copy the skill folder (.claude/skills/dashboard-preview in m4r1k/Eneru) into .agents/skills/dashboard-preview in your project. Codex loads it when a task matches its description.

Can I use Dashboard Preview in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add m4r1k/Eneru --skill dashboard-preview -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/dashboard-preview, .gemini/skills/dashboard-preview, .github/skills/dashboard-preview and .opencode/skills/dashboard-preview in your project.

What does Dashboard Preview need to run?

Going by SKILL.md and its folder, Dashboard Preview needs the command-line tools its instructions call (python, uv, playwright and curl). Our summary lists: Python 3.

Does Dashboard Preview access the network?

SKILL.md contains no URLs. Its commands use uv and curl, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Dashboard Preview safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Dashboard Preview use?

Dashboard Preview is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Dashboard Preview use?

About 1.4k tokens (SKILL.md is roughly 5.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Dashboard Preview?

Skills that share tags, products or a category with Dashboard Preview: Aqua Metrics (oracle/accelerated-data-science, 125 stars), Alloy (grafana/skills, 282 stars), Analyzing Experiment Precompute Canary (PostHog/posthog, 40k stars) and Beyla (grafana/skills, 282 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Dashboard Preview?

m4r1k (a GitHub user) maintains it in m4r1k/Eneru, which has 149 GitHub stars. The repository holds 3 skills in this directory. The repository was last updated on October 8, 2026.

Source: m4r1k/Eneru on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.