The Library
Spruce
MembersBuild-verifiedClaude Sonnet 4.6This prompt was scaffolded from scratch by Claude Sonnet 4.6 into a compiling, running app — verified, not just a screenshot.Vite + React + TS + TailwindOne overwhelming thing becomes three tiny ones — and a buddy shows up.
mobileproductivityfocusadhdbody-doublingtimersessiontaskstask-managerco-workingaccountabilitywellbeinghabitlightcobalt
How the prompts work
Preview
▒ best build path
Standard web or mobile UI
Use first
Lovable
Bolt
v0
Also works
Cursor
Codex
Claude Code
Use app builders from zero. Use coding agents when this design is going into an existing repo. Paste the full Library prompt first, then compare the result against the live demo.
01Startv1
↳ 402 × 874 · iPhone 15 Pro
02Session
Members only
↳ 402 × 874 · iPhone 15 Pro
03Today
Members only
↳ 402 × 874 · iPhone 15 Pro
▒ design recipe — Spruce
Fonts
FrauncesHanken Grotesk
Palette
--background--primary--accent--card--secondary--muted-foreground--border
Motion
shatter-bloom
Screens
4 screens included
Portable prompt
# Spruce
Implement the screens below using the design system tokens...
## DESIGN SYSTEM
- Name: Spruce
Unlock the recipe that rebuilds this design
Get the live design, exact tokens, assets, per-screen prompts, and one full prompt for Lovable, Bolt, Cursor, v0, Replit, Claude Code, Codex, or v-1.
One payment · founding price from $49 · no subscription
▒ design handoff
What do you get with the Spruce design?
The Spruce productivity design ships as a finished visual system plus the exact AI-builder prompt to rebuild it. You get the design direction, screen set, assets and prompt for Claude Code, Cursor, Bolt.new, v0, Windsurf, Lovable; v-1.design does not export Figma and does not host the final app.
| Category | productivity |
|---|---|
| Surfaces | mobile |
| Screens | Start, Session, Today |
| Tools supported | Claude Code, Cursor, Bolt.new, v0, Windsurf, Lovable |
| Price | Included with Lifetime — from $49 once |
| License | Single-use build prompt + assets, not Figma |
How to rebuild this in Lovable, Bolt, Cursor or Claude Code
- Open the Spruce design and copy the full build prompt.
- Paste it into your AI builder or coding agent (Lovable, Bolt, v0, Cursor, Claude Code or Codex).
- Generate the design system and core screens from the prompt.
- Edit the copy, data and routing to fit your product.
- Wire it to your backend, or hand the prompt to a developer.
Spruce FAQ
- Does this include source code or a prompt?
- You get the exact AI-builder prompt plus the design system and assets, not a code repo. Your AI builder or developer generates the code from the prompt.
- Which AI builders does the Spruce prompt work in?
- It is written for Lovable, Bolt, v0, Cursor, Claude Code and Codex, and pastes into any coding agent or hands to a developer.
- Is this a Figma file?
- No. v-1.design does not export Figma. You get a finished design plus the prompt and assets to rebuild it.
- What screens are included?
- The Spruce package includes Start, Session, Today across mobile.
▒ related productivity designs