The Library
Tideform
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 + TypeScriptThe water is not a metaphor.
webscrollytellingdata-vizclimatenonprofitcanvasscrolleditorialdonation
How the prompts work
Preview
▒ best build path
Motion-heavy interface
Use first
Cursor
Claude Code
Codex
Also works
v0
Bolt
Ask for the design system first, then implement motion one screen at a time. Paste the full Library prompt first, then compare the result against the live demo.
01Openingv1
tideform.app/opening
↳ 1440 × 900 · Desktop
02Rise
tideform.app/rise
Members only
↳ 1440 × 900 · Desktop
03Methodology
tideform.app/methodology
Members only
↳ 1440 × 900 · Desktop
04Act
tideform.app/act
Members only
↳ 1440 × 900 · Desktop
▒ design recipe — Tideform
Fonts
FrauncesSource Serif 4IBM Plex Mono
Palette
--background--foreground--card--border--muted-foreground--accent--seagrass--sea-ramp
Motion
tide-scrub
Screens
5 screens included
Portable prompt
# Tideform
Implement the screens below using the design system tokens...
## DESIGN SYSTEM
- Name: Tideform
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 Tideform design?
The Tideform Climate / ocean-data science nonprofit (investigative scrollytelling) 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, Windsurf, Replit Agent, v0; v-1.design does not export Figma and does not host the final app.
| Category | Climate / ocean-data science nonprofit (investigative scrollytelling) |
|---|---|
| Surfaces | web |
| Screens | Opening, Rise, Methodology, Act |
| Tools supported | Claude Code, Cursor, Bolt.new, Windsurf, Replit Agent, v0 |
| 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 Tideform 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.
Tideform 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 Tideform 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 Tideform package includes Opening, Rise, Methodology, Act across web.


