What
A new built-in artifact-dashboard skill provides a production-ready template for creating operational dashboard artifacts with KPI tiles, a primary chart, and a breakdown table.
Usage
Load the artifact-dashboard skill and build a dashboard from its template.Details
- The skill includes a
template.htmlfragment with slot markers (<!-- SLOT: ... -->) for the title, KPI tiles, chart spec, breakdown rows, and footer note. - KPI tiles support directional delta styling with
up/downclasses plusgood/badoverrides for cases where a decrease is an improvement (e.g., latency, error rate). - The primary chart slot takes a compact JSON spec (
"type": "line"|"bar"|"donut","series","x","y") and is rendered by a built-in SVG fallback plus the injected Chart.js runtime (see below). - A
CONTRIBUTING.md-style notes section warns against fabricating data: "Replace every placeholder number — and never invent one." - Theming uses CDS token values with full dark mode support via
@media (prefers-color-scheme: dark)anddata-themeoverrides.
Evidence
Skill FRONTMATTER (search for "artifact-dashboard"); slot guidance (search for "SLOT: KPI_TILES")
Strings lifted out of the shipped bundle, so the claim above can be checked against them.