add-dashboard
OfficialAdd a complete, customizable dashboard module.
System Documentation
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.
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: add-dashboard Download link: https://github.com/nomos-guild/cgov/archive/main.zip#add-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 223,000+ vetted skills library on demand.