From idea to first generation

Dashboard, plus the 5-step blueprint wizard

DASHBOARD

Dashboard

Light

Welcome state, "Continue Inkwell" hero, 5 recent projects with live blueprint progress, completion ring, quick actions, and recent docs.

dashboard.html

→→→→

WIZARD · STEP 3

Create project · 5-step wizard

Step 3 active

Mode → basics → 4 AI clarifying questions (currently expanded) → review → generate. Steps 1, 2, 4, 5 previewed dim below.

create-project.html

The project page

The heart of the app — sidebar, pipeline, dependency map

→→→→→→

LIGHT

Project workspace · Overview

Light

Pipeline stepper, KPI tiles, dependency map (SVG arrows), activity stream with AI + human events, suggestions, stack & integrations.

workspace.html

→→→→→→

DARK

Workspace · Dark variant

Dark

Same content, full dark token set. Slate canvas, indigo accent, hairline borders preserved — built to swap with one class.

workspace-dark.html

Brief, PRD, Feature List

Same shell — Preview / JSON / History · right context panel

v3 · APPROVED

Product Brief

7 sections of real Inkwell copy: problem, audience, vision, principles, success metrics, differentiator table, risks.

doc-brief.html

v2 · 1 COMMENT

PRD

v2 · review

Goals, non-goals, user stories, requirements table with diff highlights. Inline comment thread from Rohan on bounce-handling SLO.

doc-prd.html

GENERATING

Feature List

Live

Streaming live — drafting feature 9 of ~14 ("Schedule send window"). Grouped by Capture / Organize / Draft / Send / Subscribers / Analyze.

doc-features.html

ERD · API · Architecture

Diagram-first, with explorer + detail viewers

userworkspacehighlighttagnoteissue9 ENTITIES

ERD

9 entities laid out on a dotted canvas with crow's-foot relations. Entity explorer + schema viewer with mermaid preview.

blueprint-erd.html

POST/v1/highlights

GET/v1/highlights/:id

POST/v1/issues/:id/send

PATCH/v1/subscribers/:id

POST/v1/ai/draft

API Spec

24 endpoints

7 groups, expandable rows. POST /highlights shown with full request body, response, all status codes, and try-it.

blueprint-api.html

$24–43/mo MVP

Architecture

4-lane runtime topology · 6 stack rec cards (Next.js, Hono, Neon, Clerk, Resend, CF Workers) · MVP cost table.

blueprint-architecture.html

Tasks · Prompt Pack · Roadmap

The hand-off — sequenced work for the developer

38 TASKS

Task Breakdown

5 milestones

M0 done · M1 in flight (5/9 with one blocked task showing reason) · M2 ahead. Critical path callout: 23 days.

task-breakdown.html

★ HERO

VIBE Prompt Pack

24 prompts

The hero page. P-05 expanded — full prompt text with comment headers, expected output, 3 repair prompts. Cursor / Claude / Aider targets.

prompt-pack.html

8 WEEKS · GANTT

MVP Roadmap

Jul 14 launch

5 horizontal milestone bars across May 19 → Jul 14. Today marker, milestone dots, risks panel.

roadmap.html

Exports

Build pack, Linear & GitHub round-trip, OpenAPI

Exports

2 connected

Build-pack hero with file tree. 9-target grid: Linear + GitHub connected, Notion not connected, Markdown / PDF / OpenAPI / JSON / Cursor rules / ZIP all ready.

exports.html

14 / 14

screens shipped

CoverageFull

Dashboard, wizard, workspace (light + dark), 3 docs, 3 blueprints, tasks, prompt pack, roadmap, exports — every product surface in the brief is built.

— this gallery

Generate every document your product needs

Brief · PRD · ERD · API · Tasks · Roadmap

HakoPlanner is an AI-powered product planning tool that turns one prompt into a complete set of implementation-ready documents. It generates a product brief, a full PRD (product requirements document), an entity-relationship diagram, an API spec, a task breakdown, and an MVP roadmap — all cross-referenced and ready for your development team.

Product Brief

A structured brief that captures your idea, target users, and key features — the foundation every other document builds on.

PRD

A complete product requirements document with goals, user stories, functional requirements, and success metrics — generated in minutes.

ERD & API Spec

An entity-relationship diagram and RESTful API specification with request/response schemas, auth strategy, and error handling.

Task Breakdown

A phased implementation plan with milestones, estimates, and critical path analysis — ready for Linear or GitHub.

MVP Roadmap

A milestone-based roadmap that sequences your features into shippable increments with launch targets.

AI Coding Prompts

A prompt pack optimized for Cursor, Claude, and Aider — paste directly into your AI coding assistant.

Frequently asked questions

About HakoPlanner & AI-generated product docs

What is HakoPlanner?

HakoPlanner is an AI product planning tool that turns one prompt into a complete set of implementation-ready documents: a product brief, PRD, ERD, API spec, task breakdown, and MVP roadmap. It's designed for solo developers and small teams who want to skip the manual product management work.

How does the AI PRD generator work?

Describe your idea in one prompt, answer a few clarifying questions, and HakoPlanner's structured pipeline generates every document in sequence — brief → PRD → features → ERD → API → tasks → roadmap. Every document is cross-referenced so your ERD matches your API spec and your tasks match your requirements.

Is there a free PRD generator?

Yes. HakoPlanner offers a free first blueprint — generate your complete set of product documents at no cost. Paid credit packs are available when you need additional generations.

What documents does HakoPlanner generate?

Product Brief, PRD (Product Requirements Document), Feature List, ERD (Entity-Relationship Diagram), API Spec, Architecture, Task Breakdown, MVP Roadmap, and a VIBE Prompt Pack for AI coding assistants like Cursor, Claude, and Aider.

How is this different from ChatGPT or Notion AI?

ChatGPT gives you generic templates that aren't connected to each other. HakoPlanner uses a structured 7-stage pipeline where every document is generated in sequence and cross-referenced — your ERD matches your API spec, your tasks match your requirements, and your roadmap is built from your actual task breakdown.

Who is HakoPlanner for?

Solo fullstack developers, indie hackers, and small teams who want to generate product requirements documents, technical blueprints, and implementation plans without a product manager or business analyst.

What does the first blueprint free include?

Your first complete blueprint — product brief, PRD, feature list, ERD, API spec, architecture, task breakdown, MVP roadmap, and prompt pack — is generated at no cost. You only pay when you need additional generations or refinements.

Pricing

Simple credit packs

First blueprint freeBuy credits · use them when you need to generate

Pricing unavailable

Check back soon or contact us for credit pack options.