Design & Specify Tutorial

From Idea to Blueprint — Specs, Mockups & SDD. Work through 37 free lessons at your own pace — every one with runnable examples you can edit.

Start with What Is a User Story and Why It Matters

User Stories

  1. 1What Is a User Story and Why It Matters
  2. 2Anatomy of a Great User Story
  3. 3User Story Mapping
  4. 4Writing User Stories for AI-Powered Development
  5. 5Epics, Themes, and Organizing at Scale

Use Cases

  1. 6Use Cases Explained
  2. 7Writing Use Cases Developers Love
  3. 8Use Case Diagrams
  4. 9From Use Cases to Mockups

Mockups & Wireframes

  1. 10Wireframes, Mockups, and Prototypes: The Fidelity Spectrum
  2. 11Creating Wireframes That Actually Get Built
  3. 12From Wireframe to High-Fidelity Mockup
  4. 13AI-Powered Mockup Generation
  5. 14Attaching Mockups to User Stories: The Complete Spec Package

SDD Framework

  1. 15What Is Spec-Driven Development
  2. 16The SDD Pipeline
  3. 17Steering Files & Project Memory
  4. 18Requirements with EARS Format
  5. 19Design Documents & Validation
  6. 20Tasks, Implementation & Quality Gates
  7. 21SDD with Different AI Agents

Tools & Workflow

  1. 22The Specification Toolchain
  2. 23Figma for Developers
  3. 24Spec-to-Code: The AI-Powered Build Pipeline
  4. 25Real-World Workflow: Napkin to Deployed Feature

Vibe Coding

  1. 26What Is Vibe Coding?
  2. 27When Vibe Coding Works (and When It Doesn't)
  3. 28The Vibe Coding Toolkit
  4. 29Leveling Up: From Vibes to Structured Prompts
  5. 30Vibe Coding vs Spec-Driven Development
  6. 31The Hybrid Workflow: Vibe to Spec to Ship

Data Models

  1. 32Conceptual vs Logical vs Physical Data Models in SDD
  2. 33How to Build a Logical Data Model From User Stories
  3. 34Event Tables vs Status Columns: Modeling Record History
  4. 35Logical to Physical Data Model: Building the Physical ERD
  5. 36Data Dictionary Template and Model Traceability
  6. 37AI Prompts for Data Modeling: ERDs, Migrations and Drift