KPI strip + chart + recent-activity list — the homepage of an internal tool.
The first screen a logged-in user sees in most B2B apps. Four KPI cards across the top, a primary chart for trend at-a-glance, and a recent-activity list on the right rail. Designed to answer 'what should I care about right now?' in under five seconds.
Each section pre-wired with the right CleenUI primitives. Swap, remove, or extend any of them — the template is a starting point, not a constraint.
Title, date-range selector on the right.
Each card has metric, delta vs. prior period, sparkline.
Defaults to time-series line; switch to bar via prop.
Right-rail list, 5–8 items with avatar + timestamp.
All of these are in the catalog — the Builder skill imports them automatically. Each chip links to that component's page.
When the Builder skill scaffolds this template for you, these are the fields it asks about — or infers from your prompt.
Ask your AI agent to scaffold this template in your project — the Builder skill knows the Dashboard layout and the components it uses.
Two paths to your first component. Pick the one that fits how your team builds.
One prompt to your AI tool. The Setup skill handles dependencies, design tokens, build config, and component registration — all without leaving your editor.
The classic flow. Install the package, import the styles, drop in your first component. No agents required — same end result.