What problem does it solve?
Teams building dashboards for governance apps must repeatedly scaffold the same boilerplate: chart registry, provider, grid, side panel, and a page. This skill delivers a ready-to-use, self-contained dashboard module to accelerate delivery and ensure consistency.
Core Features & Use Cases
- Dashboard scaffolding: Generates a complete dashboard module with its own charts registry, provider, grid, side panel, and page entry.
- Modular architecture: Includes a reusable registry, provider hook, layout grid, and side-panel components that can be extended with new charts.
- Use Case: Ideal for adding governance dashboards like DRep or SPO, enabling rapid creation of multiple tailored dashboards with consistent UX and theming.
Quick Start
Use the add-dashboard skill to scaffold a new dashboard named DRep or SPO. The tool creates a directory under src/components/dashboards/{lowercase}, including charts/, a provider, a grid, a side panel, barrel exports, and a page at pages/{lowercase}-dashboard.tsx, plus a starter chart.