HuntingHydra
Resources / What a visual PRD is

A visual PRD is
a plan you can move.

A product spec, drawn as boards. This one is live.

Three days free, then $20 a month.
Canvasphysio-booking · a visual PRD, livedrag a board by its title · click any line to retype it0 changes·0 messages sent
Book a slot

Book a slot

Confirm
Thursday
09:00open
10:30open
14:00taken

Any of the three therapists.

Save your booking

Save your booking

Hold it
Nameas on your card
Phonefor the reminder

No password needed.

You are booked

You are booked

Add to calendar
WhenThursday 09:00
WithMaya

Cancel free up to a day before.

No slots this weekwhen it is full

No slots this week

The next opening is Monday 08:30 with Jonas.

Take Mondayone tap

Offer the next slot, never a blank week.

What we storebehind it

What we store

Bookingswho, when, with whom
Patientsname and phone

Decided here, before anything is built.

Reminder

Reminder, by text

See you tomorrow at 09:00 with Maya. Reply C to cancel.

Sent the evening before.

A booking tool for an imaginary physio clinic.
Anatomy of a board

Five things on one board.
A paragraph misses all five.

The first board of the flow, marked.

Canvasphysio-booking
Book a slot

Book a slot

Confirm
TherapistAny of the three
DayThursday
Open on Thursday
09:00open
10:30open
14:00taken
ReminderThe day before
PayAt the door, or online

A patient picks a slot before they make an account, never after.

  1. 1

    Its place

    Titled above the frame, where a user meets it in the flow.

  2. 2

    The real words

    The button says Confirm. What is written here ships.

  3. 3

    Its states

    Open, open, taken. The taken slot looks different.

  4. 4

    Its data

    Each field here is a column on the data board.

  5. 5

    The decision

    Slot first, account after, written on the page it changes.

Written PRD, visual PRD

Every PRD section
has a place on the canvas.

Most are easier to check there, on the page they describe.

SectionIn a written PRDIn a visual PRD
Problem and goalA paragraph at the topA note on the first board
User stories“As a patient, I want…”The boards, in order
RequirementsNumbered linesFields and buttons on each board
User flowA diagram elsewhereArrows between the boards
Edge casesA list, if rememberedBoards of their own
CopyPlaceholdersThe real words
Data modelA separate documentA data board
Open questionsA section at the endA sticky note on the board
The same plan, written down

Five lines that read as finished.
Five decisions still open.

Each leaves a decision to whoever builds it. The boards above made all five.

booking-spec.mdread onlynothing here moves
  1. 01

    Patients can book an appointment with an available therapist.

    Left open: Any therapist, or one they choose?On the board: Therapist: any of the three
  2. 02

    The system displays open time slots.

    Left open: For which day, and what does a taken slot look like?On the board: Thursday, 14:00 shown as taken
  3. 03

    Patients log in to book.

    Left open: Before they pick a slot, or after?On the board: A slot first, the account after
  4. 04

    A reminder is sent before the appointment.

    Left open: How long before, and by what?On the board: The day before
  5. 05

    Payment is handled.

    Left open: Online only, or at the door as well?On the board: At the door, or online
The method

How to make one,
in six steps.

Step 1

Write one sentence

What it is, and who it is for.

Step 2

List the boards in order

Every page a user meets, first to last.

Step 3

Put real words on each

A grey bar is a decision nobody made.

Step 4

Draw the unhappy states

The empty week. The declined card.

Step 5

Draw the data

The tables each board needs, as a board.

Step 6

Move it until it is right

Then build exactly those boards.

On HuntingHydra you write step one. The team drafts the rest with you. How it works.

The template

The boards
most products need.

Start here. Cut what you do not need.

01

The first page

What it is, and the next step.

02

The core action

The page the product exists for.

03

Sign up

Where you ask, and why there.

04

Confirmation

What just happened.

05 · easy to miss

The empty state

The first visit, or a quiet week.

06 · easy to miss

The costly error

The declined card, the double booking.

07

The dashboard

Where a returning user lands.

08

The message back

The reminder, the receipt.

09

Settings and billing

The plan, and the way out.

10

The data

The tables behind all of it.

Why it works

AI builds better
from boards than from words.

01

Nothing to picture

A paragraph gets pictured by the builder. A board already was, by you.

02

Changes stay cheap

On a board, a change is a retyped line. After the build, it is a rebuild.

03

What you approved ships

Devi builds straight from the boards you moved.

The HuntingHydra studio learned this on client work. The product is that finding.

Questions.

What is a visual PRD?

A product spec drawn as boards: every page, its words and its data.

How is it different from a wireframe?

A wireframe is one page. A visual PRD is every page, linked, decided.

Does it replace the written PRD?

For what gets built, yes. Pin the goal to the first board.

Is there a template?

Start from the ten boards most products need, listed above. Cut what yours does not have.

Why does AI build better from one?

A paragraph leaves gaps the builder fills its own way. A board leaves none.

Do I need design skills?

No. Type a sentence. Nadia draws the boards.

Type one sentence.
Get the boards back.

Nadia draws your visual PRD. Devi builds it.

Three days free, then $20 a month.