Dashboard: AI Skill for UX Design

Dashboard is an AI skill that designs analytics screens around one rule: when everything is important, nothing is. It cuts metrics to the few that support a decision and matches each one to the right chart.

npx skills add Uxcel-Lab/product-skills --skill ux-dashboard

Copied

What this skill does

Helps an AI assistant design dashboards that answer the user's question with a few clear metrics.

Establishes who looks at the dashboard and what decision they make.
Separates operational monitoring from analytical investigation before laying anything out.
Cuts every widget that fails the question: what decision does this support?
Places the most important metric where the eye lands first.
Groups related metrics with containers, dividers, and white space.
Keeps comparison data visible together instead of hiding it behind tabs.
Matches each chart to its data: bars compare, lines show trends, scatters show correlation.
Keeps charts honest: zero baselines, no 3D styling, no color-only meaning.

When to use it

Use it when you need an AI assistant to:

design an analytics or reporting dashboard;
decide which metrics earn a place on screen;
choose the right chart for each data set;
fix a cluttered, overloaded dashboard;
plan drill-down from overview to detail;
add role-based customization for different audiences;
check charts for misleading axes or styling.

Decisions this skill helps you make

Decision	Options
Dashboard type	Operational for real-time monitoring, analytical for investigation and drill-down
Metrics to show	Only those that support a real decision, never "because we have the data"
Level of detail	Overview first with progressive drill-down; keep comparisons side by side
Chart type	Bar to compare, line for trends, pie for few parts of a whole, scatter for correlation
Customization	Offer when roles genuinely differ, skip for a single known audience
Refresh cadence	Frequent updates for monitoring, matched to decision speed for analysis