single-file-dashboard
CommunityShip airgap-safe interactive HTML dashboards.
Design & Creative#data visualization#dashboard#single-file html#offline reporting#vanilla svg#airgap safe#email deliverable
Authord-padmanabhan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Producing polished dashboards for clients, executives, auditors, or regulated environments is hard when recipients need a file that works offline, in email, and with zero external dependencies.
Core Features & Use Cases
- Single-file, zero-dependency HTML: Generates one self-contained dashboard with inline CSS, inline JS, and embedded data.
- Offline + email safe rendering: Ensures the dashboard looks the same with network disabled and preserves layout in common email clients.
- Vanilla SVG charts: Uses inline SVG charts instead of external charting libraries or CDNs for consistent rendering.
- Operationally usable deliverables: Supports executive-style sections (overview, key findings, charts, detail tables, methodology) and interactive behaviors like sorting and simple filtering without adding dependencies.
Quick Start
Use the single-file-dashboard skill to generate an airgap-safe HTML dashboard from your CSV or JSON by prompting: “Build a single-file, zero-dependency interactive HTML dashboard from this dataset and make it render identically offline.”
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: single-file-dashboard Download link: https://github.com/d-padmanabhan/agent-engineering-handbook/archive/main.zip#single-file-dashboard Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.