skills.rest
anhnq-lab
anhnq-labCOMMUNITY
Explore all skills by this author →
GitHub

erp-dashboard-widget

Generates dashboard cards, charts, and KPI widgets for CIC ERP using Recharts and Supabase RPC data aggregation.

Updated Jan 26, 2026
Search Tags:#data visualization#charts#dashboard#erp#widgets#kpi
One-click install
npx skills add https://github.com/anhnq-lab/cic-erp-contract --skill erp-dashboard-widget
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: erp-dashboard-widget
Source: https://github.com/anhnq-lab/cic-erp-contract/tree/main/.agent/skills/erp-dashboard-widget
Command: npx skills add https://github.com/anhnq-lab/cic-erp-contract --skill erp-dashboard-widget

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the creation of dynamic dashboard widgets and KPI cards for the CIC ERP system, enhancing data visualization and user insights.

Core Features & Use Cases

  • KPI Summary Cards: Display key performance indicators with trend analysis.
  • Chart Generation: Create bar, column, pie, donut, and line charts using Recharts.
  • Data Aggregation: Utilizes Supabase RPC for efficient server-side data processing.
  • Use Case: Add a new "Monthly Revenue Growth" line chart to the main dashboard to visualize performance against targets.

Quick Start

Use the erp-dashboard-widget skill to create a KPI summary card displaying total sales revenue.

Frequently Asked Questions about erp-dashboard-widget

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

FAQPage Schema
How do I build ERP dashboard widgets with KPI summary cards?▼

To build ERP dashboard widgets, generate KPI summary cards with trend analysis using Recharts and Framer Motion, integrating with Supabase RPC for efficient server-side data aggregation.

What types of charts can I generate for an ERP dashboard?▼

For an ERP dashboard, you can generate bar, column, pie, donut, and trend line charts using Recharts to visualize key performance indicators and track metrics like monthly revenue growth.

Does this Skill support Supabase RPC for data aggregation in dashboard widgets?▼

Yes, the Skill supports Supabase RPC for data aggregation, enabling efficient server-side data processing to populate dashboard cards, KPI widgets, and charts with aggregated ERP data.

Can I use CSS variables to maintain theme consistency across ERP widgets?▼

Yes, you can use CSS variables to maintain theme consistency across ERP widgets, ensuring that generated dashboard cards and charts visually align with the CIC ERP system's styling.

What is the best way to visualize monthly revenue growth against targets in an ERP system?▼

The best way to visualize monthly revenue growth is by adding a trend line chart to the ERP dashboard, utilizing Recharts for rendering and Supabase RPC for fetching the aggregated performance data.

Related Skills

Explore More Software Engineering Skills→
rodydavisrodydavis
58

material-3-to-material-2-theme-adapter

Map Material Design 3 color tokens to Material Design 2 theme variables via CSS overrides.

Community
Basic
liwooliwoo
16

dashboard-visualization

Transform dashboard visualization patterns into reusable Recharts and Inertia components.

Community
Advanced
oakossoakoss
14

data-visualizer

Generate charts and dashboards with Recharts, Chart.js, and D3.js.

Official
Intermediate
arqel-devarqel-dev
2

arqel-dev/widgets

Develop server-driven dashboard widgets with ready-to-render payloads for React frontends.

Official
Advanced