skills.rest
web3br1
web3br1COMMUNITY
Explore all skills by this author →
GitHub

dashboard-kpi-end-to-end-generator

Generate a full-stack KPI from backend processor to frontend widget.

Updated Jun 18, 2026
Search Tags:#template registration#kpi generation#backend analytics#frontend widget#monorepo orchestration
One-click install
npx skills add https://github.com/web3br1/luminaristest --skill dashboard-kpi-end-to-end-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard-kpi-end-to-end-generator
Source: https://github.com/web3br1/luminaristest/tree/main/.claude/skills/dashboard-kpi-end-to-end-generator
Command: npx skills add https://github.com/web3br1/luminaristest --skill dashboard-kpi-end-to-end-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Claude Code, Luminaris Monorepo, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the full creation of a comprehensive KPI, from backend analytics processing to the frontend KPI card widget. It's designed for users who need to visualize all layers of the metric ("I want to see metric X on the dashboard", "add a revenue KPI to the frontend", "new metric end-to-end").

Core Features & Use Cases

  • Full Stack KPI Creation: Orchestrates the creation of a KPI from the backend analytics processor to the frontend KPI card widget.
  • Multi-Layered Process: Generates multiple files across backend and frontend for a complete KPI.
  • Use Case: For creating a new metric business requirement, this skill is used to add a KPI for finance, sales, inventory, etc., to the frontend dashboard.

Quick Start

Generate a KPI for 'Average Ticket' in the 'revenue' category by running: generate-kpi-average-tickets revenue

Frequently Asked Questions about dashboard-kpi-end-to-end-generator

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

FAQPage Schema
How do I generate a KPI end-to-end from backend analytics to a frontend widget?▼

To generate a KPI end-to-end, this Skill orchestrates the creation of a backend analytics processor, registers the template, and builds the frontend data hook and KPI card widget. It generates multiple files across the stack for a complete metric visualization.

What is the process for adding a new metric to a frontend dashboard?▼

Adding a new metric to a frontend dashboard involves orchestrating multi-layered generation across backend and frontend. This Skill handles the full stack creation, from backend processing logic to the final KPI card widget display.

Do I need a specific monorepo setup to orchestrate full stack KPI creation?▼

Yes, full stack KPI creation requires the Luminaris Monorepo and Claude Code. These dependencies are necessary to orchestrate the end-to-end generation of backend processors, template registration, and frontend widgets.

Can I create a finance or sales KPI card widget without writing separate frontend and backend code?▼

Yes, you can create finance or sales KPI card widgets without manual coding across layers. The Skill automates the full pipeline, generating the backend analytics processor and frontend data hook alongside the widget.

How do I start generating a specific KPI like average ticket revenue?▼

To start generating a specific KPI like average ticket revenue, run the provided quick start command with the metric name and category. This triggers the end-to-end orchestration across the backend and frontend layers.

Related Skills

Explore More Software Engineering Skills→
web3br1web3br1

frontend-design-system

Apply Luminaris design system tokens to Tailwind CSS and TypeScript components.

Community
Intermediate
rahul-s-bhattrahul-s-bhatt

building-streamlit-dashboards

Compose Streamlit dashboards with metrics, charts, and responsive layouts.

Community
Intermediate
web3br1web3br1

analytics-kpi-generator

Generate KPI processors and templates for analytics engines.

Community
Advanced
darsoohoodarsoohoo

recipe-fullstack-build

Coordinate decomposed fullstack tasks across backend and frontend executors.

Community
Advanced