Introduction
What this kit is, how it thinks, and where to start.
This kit is a production-grade SaaS starter where every screen is already designed and running. Landing, auth, billing, AI chat, search, files, blog, docs, settings: you can click through all of it the moment you install, because everything runs on mock data.
The twist: every place that needs a real backend is marked in code with a single greppable seam, and every seam has a matching agent skill that tells your AI coding tool exactly how to wire it. You do not read integration docs. You point your AI at a skill and approve.
Built for AI-first builders
You can ship a real product from this kit without writing code yourself. Every task in these docs comes with the prompt to give Claude Code, Cursor, Codex, or whichever agent you use.
Start here
Get it running
From a blank machine to a local dev server.
How the kit works
Mock data, integration seams, and the skill system.
Make it yours
Rebrand the kit and strip the demo scaffolding.
Agent skills
The prompt-to-skill table your AI follows.
What's inside
- Marketing site: landing with 12 feature sections, pricing, blog, docs, contact, legal pages
- App screens: dashboard, AI chat, semantic search, billing, files, settings
- Auth screens: login, register, magic link, social, password reset, verification
- Growth layer: SEO + LLMO, analytics, newsletter, notifications, i18n
- Design system: one token file, a reference page at
/design-system - 20+ agent skills: one markdown file per task, from wiring Stripe to running an a11y audit