Skip to content
Development
Command

/add-dashboard

Create a comprehensive metrics dashboard layout. Implement responsive grid using Bootstrap with metric cards and charts. Add KPI cards showing key metrics with trend indicators and percentage changes. Create real-time data updates using polling or WebSockets. Implement date

From plugin
larouex-fullstack-builder
881 skills12 agents81 commands

Command definition

add-dashboard.md

Create a comprehensive metrics dashboard layout. Implement responsive grid using Bootstrap with metric cards and charts. Add KPI cards showing key metrics with trend indicators and percentage changes. Create real-time data updates using polling or WebSockets. Implement date range filtering with presets (today, week, month, year). Add chart components for visualizing trends. Include summary statistics and comparisons. Add export functionality for reports (PDF, CSV). Create loading skeletons for data fetching states. Make dashboard responsive for tablet and mobile. Add refresh button and auto-refresh toggle. Reference monitoring-observability-agent for data integration and metrics collection.

@larouexnonprofitconsulting
Ships withlarouex-fullstack-builder

A comprehensive Claude Code plugin with 81 commands and 12 specialized AI agents for building modern, full-stack web applications with Next.js 15, Azure, Railway, Bootstrap, and TypeScript.

Stars on GitHub

Momentum

stars in total
8
Star history of LarouexNonprofitConsulting/larouex-fullstack-plugin on GitHub, a chart by star-history.com

Other commands on larouex-fullstack-builder.

More commands from other plugins.

build
Auto-invoked

build

Command

Implement tasks incrementally — build, test, verify, commit. Add "auto" to run the whole plan in one approved pass.

@addyosmani@addyosmaniInstall Command