Spec Builder

Transforms vague ideas into detailed specifications for autonomous coding.

Takes users through guided discovery to create complete, actionable specs ready for autonomous start:.

Quick Start

Start Spec Building

I want to build a todo app

or

build spec: project management tool

or

help me define what I want to build

How It Works

┌─────────────────────────────────────────────────────────────────┐
│                      SPEC BUILDER FLOW                          │
├─────────────────────────────────────────────────────────────────┤
│                                                                  │
│  USER INPUT                                                      │
│  "I want to build something like Notion"                        │
│                         │                                        │
│                         ▼                                        │
│  ┌─────────────────────────────────────────────────────────┐    │
│  │  PHASE 1: DISCOVERY                                      │    │
│  │                                                          │    │
│  │  Q1: What type of application?                          │    │
│  │      → Workspace/productivity app                       │    │
│  │                                                          │    │
│  │  Q2: Who are the target users?                          │    │
│  │      → Teams and individuals                            │    │
│  │                                                          │    │
│  │  Q3: What are the 3-5 core features?                    │    │
│  │      → Pages, Editor, Collaboration, Search             │    │
│  │                                                          │    │
│  │  Q4: Any technology preferences?                        │    │
│  │      → Modern stack, real-time                          │    │
│  │                                                          │    │
│  │  Q5: Any constraints or requirements?                   │    │
│  │      → Must be self-hostable                            │    │
│  └─────────────────────────────────────────────────────────┘    │
│                         │                                        │
│                         ▼                                        │
│  ┌─────────────────────────────────────────────────────────┐    │
│  │  PHASE 2: ELABORATION                                    │    │
│  │                                                          │    │
│  │  For each core feature, expand:                         │    │
│  │  • Sub-features                                         │    │
│  │  • User stories                                         │    │
│  │  • Edge cases                                           │    │
│  │  • Integrations                                         │    │
│  │                                                          │    │
│  │  Pages:                                                  │    │
│  │  ├─ Hierarchical structure                              │    │
│  │  ├─ Page templates                                      │    │
│  │  ├─ Page sharing                                        │    │
│  │  └─ Page history/versioning                             │    │
│  └─────────────────────────────────────────────────────────┘    │
│                         │                                        │
│                         ▼                                        │
│  ┌─────────────────────────────────────────────────────────┐    │
│  │  PHASE 3: TECHNOLOGY RECOMMENDATION                      │    │
│  │                                                          │    │
│  │  Based on requirements, suggest:                        │    │
│  │  • Frontend: Next.js + TypeScript                       │    │
│  │  • Editor: Tiptap or Slate                              │    │
│  │  • Backend: Node.js + Prisma                            │    │
│  │  • Database: PostgreSQL                                 │    │
│  │  • Real-time: Socket.io or Liveblocks                   │    │
│  │  • Hosting: Vercel + Railway                            │    │
│  └─────────────────────────────────────────────────────────┘    │
│                         │                                        │
│                         ▼                                        │
│  ┌─────────────────────────────────────────────────────────┐    │
│  │  PHASE 4: SPECIFICATION OUTPUT                           │    │
│  │                                                          │    │
│  │  Generate complete spec ready for autonomous-master:    │    │
│  │                                                          │    │
│  │  ┌────────────────────────────────────────────────────┐ │    │
│  │  │ autonomous start: Build a collaborative workspace  │ │    │
│  │  │ application similar to Notion with:                │ │    │
│  │  │                                                    │ │    │
│  │  │ CORE FEATURES:    

...