Stats
Actions
Tags
From mph-kit
Generates a single-file admin or analytics dashboard with sidebar, KPI cards, and inline SVG charts. Use when a brief asks for a dashboard, admin panel, or control screen.
How this skill is triggered — by the user, by Claude, or both
Slash command
/mph-kit:dashboardThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Produce a single-screen admin / analytics dashboard.
Produce a single-screen admin / analytics dashboard.
<!doctype html> through </html>, CSS in one inline <style> block.<aside>, <header>, <main>, <section>.data-od-id="slug" for comment mode.<polyline> with a subtle area fill. A bar chart is N <rect>s with
DS-accent fill. Label axes lightly (muted text, smaller scale).Emit between <artifact> tags:
<artifact identifier="dashboard-slug" type="text/html" title="Dashboard Title">
<!doctype html>
<html>...</html>
</artifact>
One sentence before the artifact, nothing after.
npx claudepluginhub mphinance/alpha-skills --plugin mph-kitBuilds and refines admin dashboards, back-office consoles, and management UIs with strong visual hierarchy and reusable composition across frameworks.
Generates responsive admin dashboards with collapsible sidebars, topbars, stats cards/charts, searchable/paginated data tables, and CRUD forms. Prompts for data type (users/orders), pages, tech stack (HTML+Chart.js or React).
Generates self-contained interactive HTML dashboards with KPI cards, charts, filters, and tables from queries, CSVs, or samples for reports and monitoring.