Ashikparvez89

Add Dashboard — Design skill for Claude Code

Design community

Create a comprehensive metrics dashboard layout.

How to install Add Dashboard

Installs to ~/.claude/skills/ashikparvez89-larouex-fullstack-plugin-add-dashboard/SKILL.md

Terminal

mkdir -p ~/.claude/skills/ashikparvez89-larouex-fullstack-plugin-add-dashboard && curl -fsSL https://raw.githubusercontent.com/Ashikparvez89/larouex-fullstack-plugin/HEAD/commands/add-dashboard.md -o ~/.claude/skills/ashikparvez89-larouex-fullstack-plugin-add-dashboard/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Add Dashboard does

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 d

Alternatives in Design

Add Oas Support — Add support for a new OpenAPI Specification version to Swagger UI 29k ★
Figma Implement Design — Translate Figma designs into production-ready code with pixel-perfect accuracy 14.6k ★
NotebookLM Automation — Complete programmatic access to Google NotebookLM—including capabilities not exposed in the web UI 6.8k ★