Structure before code

Map your app before you build it.

A free-form canvas for screens, blocks, and navigation. Export Markdown, .cursorrules, CLAUDE.md, or JSON for Cursor, Claude, and your toolchain.

Built for the handoff

Canvas-first

Pages, blocks, and edges so your IA stays legible while you iterate.

Export you can paste

Markdown specs and project rules ready for tickets, docs, or AI context.

Vibe-coding ready

Give models a single source of truth instead of a wall of chat history.

Example exports

What you might copy out of a project.

# My product
## Landing
- **Hero** (Hero)
  - Headline and primary CTA

### Navigation
- Navbar → Form — _Sign up CTA_
# App structure (from PuMi)
Project: My product
...
Rules:
- Follow this structure exactly when generating or modifying code.