Product dashboard (authenticated app)

Spine's app-dashboard template captures the shape of a real authenticated product — login, role-gated surfaces, settings, team, billing — and hands your agents a deterministic map so they stop inventing route structures on every prompt.

Who this template is for

Product teams shipping the first version of a real SaaS app. Agencies building customer portals. Anyone tired of explaining what an AppShell is to Claude.

Get started

$ npm install -g project-spine@next
$ spine init --template app-dashboard
$ spine compile --brief ./brief.md --repo . --template app-dashboard
✓ wrote spine.json
✓ wrote AGENTS.md, CLAUDE.md, copilot-instructions.md
✓ wrote scaffold-plan, qa-guardrails, sprint-1-backlog

Routes this template plans for

• /login — Auth entry (SSO + email/password paths)
• /app — Default authenticated surface, role-aware
• /app/settings — User / workspace settings
• /app/team — Members, roles, invites
• /app/billing — Subscription + invoices (admin-only)

What spine compile emits

• AppShell component contract (sidebar + topbar, collapsed/expanded)
• Role matrix — member / admin / owner permissions as compiled rules
• Route guardrails — which paths are public, auth, or admin-only
• QA guardrails covering auth states, empty states, loading states
• sprint-1-backlog.md scoped to a real first week

Good fit if

• V1 SaaS builds where auth + billing are on the critical path
• Internal tools with real role requirements
• Agency projects handing off to an in-house team on day 60

Pairs well with

• design-systemTokens, primitives, Storybook, docs — compiled into rules every consumer repo inherits.
• saas-marketingLaunch a conversion-focused marketing site your agents actually understand.