Onboarding Checklist

>npx @shavin/cli add onboarding-checklist

Good morning, Maya

Finish setting up

Two of three done. Households who finish setup save about twice as much in their first month.

Link your first bank

3 accounts connected

Review your budget

9 categories, $5,980.00 per month

Invite Daniel to the household

Share budgets and goals with Editor access

Setup progress

67%

2 of 3 tasks complete

Installation via CLI

Add this block directly into your project codebase with all dependencies and tokens resolved:

npx @shavin/cli add onboarding-checklist

Token & Spatial Architecture

  • 100% Token Compliant: Zero raw hex colors or arbitrary values; remaps seamlessly in dark and light modes.
  • Concentric Radius: Set radius="concentric" on nested elements to auto-resolve inner radius from the container's padding.
  • Multi-Device Responsive: Designed for Desktop (1280px+), Tablet (768px), and Mobile (375px) breakpoints.
Tags:#onboarding#checklist#setup#progress
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font