skills.rest
mkusaka
mkusakaCOMMUNITY
Explore all skills by this author →
GitHub

artifact-dashboard

Create operational dashboards with KPI tiles, line charts, and tables.

7|Updated Mar 8, 2026
Search Tags:#data visualization#dashboard#KPI#charting#template-based
One-click install
npx skills add https://github.com/mkusaka/ccskills --skill artifact-dashboard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: artifact-dashboard
Source: https://github.com/mkusaka/ccskills/tree/main/skills/artifact-dashboard
Command: npx skills add https://github.com/mkusaka/ccskills --skill artifact-dashboard

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the creation of operational dashboards with KPI tiles, line charts, and tables, offering a quick and efficient way to visualize quantitative data.

Core Features & Use Cases

  • Dashboard Creation: Build dashboards from pre-defined templates, suitable for KPIs, time-series charts, and breakdown tables.
  • Customization: Customize layouts, add additional visualizations, and integrate with other data visualization tools.
  • Use Case: For a manager looking to create a dashboard for departmental performance, this Skill can be used to quickly assemble the necessary visual elements.

Quick Start

Use the artifact-dashboard skill to create a new dashboard with the 'template.html' as the starting point and replace placeholders with real data.

Frequently Asked Questions about artifact-dashboard

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

FAQPage Schema
How do I create a dashboard with KPI tiles and line charts?▼

To create a dashboard with KPI tiles and line charts, use the template.html file as a starting point and replace the placeholders with your real data to quickly assemble operational visualizations.

What is a template-based operational dashboard for data visualization?▼

A template-based operational dashboard is a pre-defined HTML layout that simplifies visualizing quantitative data by providing ready-made KPI tiles, line charts, and tables for operational environments.

Can I customize the dashboard layout and integrate other charting tools?▼

Yes, you can customize the dashboard layout by manipulating the template HTML, adding additional visualizations, and optionally integrating other data visualization charting tools as needed.

Does this dashboard template work for departmental performance reporting?▼

Yes, the dashboard template works for departmental performance reporting by allowing managers to quickly assemble necessary visual elements like time-series charts and breakdown tables.

What are the limitations of using HTML templates for dashboard creation?▼

The main limitation of using HTML templates for dashboard creation is that it requires manual template manipulation and placeholder replacement, making it less dynamic than fully automated dashboard platforms.

Related Skills

Explore More Data & Analytics Skills→
mhattingpetemhattingpete
657

dashboard-creator

Generate HTML dashboards with KPI cards, SVG charts, and data tables.

Community
Basic
Pabloprogramador23Pabloprogramador23

reversa-highcharts-visualizer

Render interactive Highcharts visualizations from inline, CSV/JSON, or Excel data into standalone HTML.

Community
Advanced
POWERFULMOVESPOWERFULMOVES
1

dashboard-creator

Generate interactive HTML dashboards with KPI cards and SVG charts.

Community
Intermediate
Datus-aiDatus-ai
1.5k

superset-dashboard

Automate creation, update, and management of Apache Superset dashboards, charts, and datasets.

Official
Advanced