SKILL-021 SaaS UX and layout patterns Locked skill

Dashboard layout

An empty dashboard is the most-seen screen for new accounts — design the empty state first, not last.

01

What this skill helps you build

The landing screen users see after login — KPI cards, a recent-activity feed, quick-action shortcuts, and a first-run empty state that teaches instead of staring back blankly.

The production takeaway

An empty dashboard is the most-seen screen for new accounts — design the empty state first, not last.

02

Inside this skill

The full skill expands these implementation areas with decisions, edge cases, prompts, tests, and framework-specific code.

SaaS UX and layout patterns
What this helps you build

The home screen of your app — the first thing a user sees after logging in. A good dashboard answers three questions at a glance: How are things going? KPI cards , What just happen

🔒
SaaS UX and layout patterns
When to use this

Reach for this pattern whenever an authenticated user needs a single place to land and orient themselves. Concretely: The post login route /dashboard , /app , /home of almost any S

🔒
SaaS UX and layout patterns
The core idea

A dashboard is a summary, not a workspace . Its job is to orient and route, not to be the place work happens. Every element should either tell the user something they'd otherwise h

🔒
03

Unlock the full implementation

Paid access includes the complete skill body, implementation prompt, common mistakes, production checklist, and code examples where this skill includes them.