Skills
.Work. You
Rest

add-chart

Official

Scaffold a governance dashboard chart component.

Software Engineering#typescript#react#dashboard#governance#registry#chart#add-chart
Authornomos-guild
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill scaffolds a complete dashboard chart component and registers it within the governance dashboard system.

Core Features & Use Cases

  • Creates a chart component file at src/components/dashboards/governance/charts/${ChartName}Chart.tsx with proper theming hooks, responsive container, and a loading skeleton.
  • Updates the CHART_REGISTRY and type definitions to register the new chart with default layouts and icons for the dashboard.
  • Provides i18n-ready titles and export hooks, plus sample usage for color customization and data handling.
  • Use case: Add a new VoterTurnout chart to visualize governance activity in the dashboard.

Quick Start

Use the add-chart skill to scaffold a new chart named VoterTurnout with a Bar chart and ensure it appears in the governance dashboard.

Dependency Matrix

Required Modules

None required

Components

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-chart
Download link: https://github.com/nomos-guild/cgov/archive/main.zip#add-chart

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.