skills.rest
zivtech
zivtechOFFICIAL
Explore all skills by this author →
WebsiteGitHub

dashboard-executor

Generate interactive HTML dashboards from dashboard-planner specifications using Plotly.js.

Updated Mar 5, 2026
Search Tags:#html#dashboard#reporting#visualization#plotly#kpi
One-click install
npx skills add https://github.com/zivtech/joyus-desktop --skill dashboard-executor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard-executor
Source: https://github.com/zivtech/joyus-desktop/tree/main/.claude/skills/dashboard-executor
Command: npx skills add https://github.com/zivtech/joyus-desktop --skill dashboard-executor

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill bridges the gap between conceptual dashboard planning and functional implementation, allowing users to generate standalone, interactive web-based dashboards without manual coding.

Core Features & Use Cases

  • Automated HTML Generation: Converts structured dashboard-planner specs into self-contained HTML files using Plotly.js.
  • Interactive KPI Dashboards: Creates responsive layouts with global filters, cross-filtering, and accessibility-compliant components.
  • Use Case: If you have a dashboard-planner specification for a quarterly revenue report, this skill will generate a fully functional, responsive HTML dashboard with KPI cards and interactive charts ready for immediate use.

Quick Start

Use the dashboard-executor skill to generate an interactive dashboard based on the provided dashboard-planner specification file.

Frequently Asked Questions about dashboard-executor

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an interactive HTML dashboard from a structured reporting specification?▼

To generate an interactive HTML dashboard, you can use a structured planning specification to automatically produce a self-contained HTML file with responsive grid layouts and interactive charts using Plotly.js.

Can I create standalone KPI visualization dashboards with cross-filtering without manual coding?▼

Yes, you can create standalone KPI visualization dashboards with cross-filtering logic and global filters automatically, eliminating manual JavaScript coding by processing a structured dashboard plan.

Do I need a dashboard-planner specification to build responsive visualization layouts?▼

Yes, a valid dashboard-planner output is required as input to ensure architectural consistency and accessibility compliance when generating responsive visualization layouts.

What is the best way to convert multi-chart KPI reporting plans into self-contained web files?▼

The best way to convert multi-chart KPI reporting plans into self-contained web files is by automatically generating standalone HTML documents utilizing Plotly.js and vanilla JavaScript for data-driven decision making.

Does this approach support automated accessibility compliance for interactive Plotly.js charts?▼

Yes, the automated generation process supports accessibility compliance for interactive Plotly.js charts by requiring a valid dashboard-planner specification that ensures architectural consistency.

Related Skills

Explore More Data & Analytics Skills→
mattgierhartmattgierhart
193

prd-v09-launch-metrics

Define launch success criteria and KPI frameworks for PRD v0.9 go-to-market.

Community
Advanced
Markson22Markson22

reversa-highcharts-visualizer

Render interactive Highcharts visualizations into a standalone HTML file.

Community
Advanced
caoqiubozhangchenqin2caoqiubozhangchenqin2

data-analysis

Analyze data sets and visualize trends, patterns, and metrics into reports.

Community
Intermediate
h4vzzh4vzz
33

data-visualization

Generate static and interactive charts from structured data using matplotlib, seaborn, and plotly.

Community
Intermediate