The kit, in one read.
duply is a TanStack Start starter that ships finished on mock data. Nothing is wired, everything is ready. Your AI coding agent turns one plain-language prompt into a real integration without guessing.
The model: mock-first, seams, one prompt
Mock-first. Every screen renders complete from a file in src/data/mock/. No blank states, no "coming soon". You can click the whole product before wiring a single service.
Seams. Where a screen would call a real service, there is exactly one greppable line above the component: // 🔌 INTEGRATION: Service, see agent-skills/wire-x.md. Find them all with grep -rn "🔌 INTEGRATION" src/.
One prompt. You say "add login" in plain language. Your agent maps that to agent-skills/wire-auth.md, which carries the provider, env vars, and exact steps. No improvised integrations.
What's inside
- Clickable screens
A full product UI, overview, assistant, search, files, billing, settings, rendered on mock data.
- Marketing pages
Home, about, contact, and these docs, all token-styled and SEO-ready out of the box.
- Integration seams
Every real service sits behind one greppable seam comment and a demo-mode gate.
- Agent skills
A folder of plain-language playbooks your AI agent loads to wire each piece.
- One token file
DESIGN.md drives every color, font, and radius. Edit it, run gen:tokens, the whole kit restyles.
- SEO + GEO
Per-route meta, JSON-LD, sitemap, robots, and an llms.txt, generated, not hand-kept.
Where to go next
New here? Read in order: Get it running, then How it works, then Make it yours. When you want a real feature, jump to Wiring and the agent skills table. When you're ready, ship it.