add-dashboard

Scaffold a reusable dashboard module with chart registry, provider, grid, and side panel.

4|2|Updated Oct 26, 2025
One-click install
npx skills add https://github.com/nomos-guild/cgov --skill add-dashboard
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-dashboard
Source: https://github.com/nomos-guild/cgov/tree/main/.claude/skills/add-dashboard
Command: npx skills add https://github.com/nomos-guild/cgov --skill add-dashboard

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about add-dashboard

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

FAQPage Schema
How do I scaffold a TypeScript dashboard module with a chart registry and side panel?

Scaffolding a TypeScript dashboard module generates a complete directory with charts, provider, grid, side panel, and page entry. It creates reusable components supporting modular architecture and local state management for consistent governance dashboard UX.

What is the best way to create multiple governance dashboards with consistent structure?

Creating consistent governance dashboards requires a modular scaffolding approach generating standard modules with chart registries and side panels. This ensures tailored DRep or SPO dashboards maintain consistent theming and structure across rapid deployments.

Can I add new charts to a dashboard registry after the initial module generation?

You can add new charts to the dashboard registry after generation. The modular architecture includes a reusable registry and provider hook designed for extension, allowing seamless integration of new charts into the layout grid.

Does dashboard scaffolding work for projects needing local state management and chart integration?

Dashboard scaffolding supports projects needing local state management and chart integration by generating self-contained modules with dedicated providers. It delivers ready-to-use structures accelerating delivery while satisfying modular architecture requirements.

When should I not use an automated dashboard module scaffold?

Avoid automated dashboard module scaffolding for single, highly customized dashboard layouts that do not benefit from standardized chart registries or modular grid structures. The tool is optimized for rapidly generating multiple consistent dashboards with modular architecture.