Flow Library

Curated build walkthroughs across every stage - build, debug, launch, QA - plus research-backed flows on how the best AI agents work.

Show:

App Builder

29 flows
Flows category icon
App Builder
Generated

Add Real-Time Presence Indicators to a Chat App with WebSockets

A step-by-step flow for implementing real-time online, offline, and typing presence in a chat app using WebSockets, including backend presence tracking, frontend updates, reconnect handling, and verification.

01Inspect the existing chat architecture and choose presence data flow
02Define the presence event contract and server-side state model
03Implement authenticated WebSocket connection handling on the server

+7 more steps to Done

Best forbuilders who have shipped a basic app before

10 steps60-120 minutesIntermediate
Flows category icon
App Builder
Generated

Add Team Invites to a SaaS App

Build a real team invitation system for a SaaS app, including invite creation, email/share flow, acceptance, membership creation, role assignment, validation, and end-to-end testing.

01Audit Existing Team, User, and Auth Models
02Add Invitation Data Model and Migration
03Implement Secure Invite Creation API

+7 more steps to Done

Best forbuilders who have shipped a basic app before

10 steps60-120 minutesIntermediate
Flows category icon
App Builder
Generated

Add a Working Team Invite System to a SaaS App

Build a real invite flow for a SaaS app so existing users can invite teammates by email, store invite records, validate tokens, accept invitations, and join the correct workspace with proper permissions.

01Audit the current auth and workspace model
02Add the invite data model and migration
03Build secure invite creation on the server

+6 more steps to Done

Best forbuilders who have shipped a basic app before

9 steps60-120 minutesIntermediate
Flows category icon
App Builder
Generated

Build Real Web App Authentication with Sessions and Protected Routes

A step-by-step flow to implement real signup, login, logout, session persistence, password reset, validation, and protected routes with visible UI states and mobile responsiveness.

01Set the auth architecture and choose the real persistence layer
02Create the auth state layer and session restoration
03Build the signup flow with validation and duplicate email handling

+6 more steps to Done

Best forbuilders who have shipped a basic app before

9 steps60-120 minutesIntermediate
Flows category icon
App Builder
Generated

Build a Functional Coffee Shop Website

A step-by-step flow to build a real, working coffee shop website with menu, location, hours, contact form, and mobile-friendly pages using AI app builders.

01Define the coffee shop website structure
02Create the visual theme and responsive layout foundation
03Build the hero and brand story sections

+6 more steps to Done

Best forbuilders who have shipped a basic app before

9 steps60-120 minutesIntermediate
Flows category icon
App Builder
Generated

Build a Habit Tracker App in React

Create a working React habit tracker app with habit creation, completion toggles, streak tracking, local persistence, validation, and basic QA checks.

01Set up the app structure and data model
02Implement add habit form with validation
03Render the habit list and empty state

+6 more steps to Done

Best foryour first pass at this - no prior setup assumed

9 steps45-90 minutesBeginner
Flows category icon
App Builder
Generated

Build a Habit Tracker React App

A step-by-step flow for building a real habit tracker app in React with working habit creation, daily check-ins, streak tracking, persistence, validation, and basic testing.

01Set up the app structure and data model
02Implement real habit state and habit creation
03Render the habit list with empty states

+6 more steps to Done

Best foryour first pass at this - no prior setup assumed

9 steps45-90 minutesBeginner
Flows category icon
App Builder
Generated

Build a Login Page with Auth Metrics Tracking

Create a real login page with working authentication and instrument it to capture useful investment-app auth metrics such as signups, login attempts, success rate, failures, and drop-off.

01Define the auth flow and metrics schema
02Create or wire the authentication foundation
03Build the login page UI with validation

+6 more steps to Done

Best forbuilders who have shipped a basic app before

9 steps60-120 minutesIntermediate
Flows category icon
App Builder
Generated

Build a Playable 2D Browser Game

A step-by-step flow to create a real, playable 2D browser game with movement, collisions, scoring, win/lose states, and basic polish using an AI app builder.

01Define the game concept and core loop
02Set up the game container and main state
03Implement the player and keyboard controls

+6 more steps to Done

Best forbuilders who have shipped a basic app before

9 steps60-120 minutesIntermediate
Flows category icon
App Builder
Generated

Build a Scary First-Person Horror Game

A step-by-step flow to create a real playable first-person horror game with movement, interactions, enemy behavior, atmosphere, objectives, fail states, and testing.

01Define the game loop and systems before building
02Build the first-person controller and playable scene foundation
03Add interaction, doors, pickups, and progression gating

+7 more steps to Done

Best forproduction-grade builds with strict verification

10 steps4-8 hoursAdvanced
Flows category icon
App Builder
Generated

Build an AI Affiliate Marketing Agent That Finds, Publishes, and Tracks Revenue Opportunities

Create a working AI agent system that discovers affiliate opportunities, generates compliant content, publishes or prepares campaign assets, and tracks clicks, conversions, and revenue in a usable dashboard.

01Define the affiliate agent scope and data model
02Build affiliate offer intake and management
03Create campaigns and operational statuses

+8 more steps to Done

Best forbuilders who have shipped a basic app before

11 steps90-180 minutesIntermediate
Flows category icon
App Builder
Generated

Fluxo de inscrição funcional

Crie um fluxo de inscrição realmente funcional com formulário, validação, persistência, prevenção de duplicidade, estados de sucesso/erro e testes de ponta a ponta.

01Definir escopo e contrato de dados da inscrição
02Criar persistência real e estrutura de backend
03Construir o formulário de inscrição conectado ao backend

+5 more steps to Done

Best forbuilders who have shipped a basic app before

8 steps60-120 minutesIntermediate
Flows category icon
App Builder

AI Chatbot Feature

Add a real AI chat feature with streaming responses, conversation history, and graceful failure handling.

01Define the assistant spec
02Build the chat UI
03Integrate the real LLM API

+3 more steps to Done

Best forbuilders who have shipped a basic app before

6 steps60-120 minutesIntermediate
Flows category icon
App Builder

Admin Dashboard

Build a real admin dashboard with live data tables, stats, filters, and actions that actually mutate data.

01Define admin scope and data
02Build admin layout and access control
03Implement real stats cards

+3 more steps to Done

Best forbuilders who have shipped a basic app before

6 steps45-90 minutesIntermediate
Flows category icon
App Builder

Booking System

Build a real booking system with availability, slot selection, and double-booking prevention.

01Define the booking model
02Build availability display
03Implement booking creation

+3 more steps to Done

Best forbuilders who have shipped a basic app before

6 steps60-120 minutesIntermediate
Flows category icon
App Builder

Customer Support Inbox

Build an in-app support system: ticket submission, status tracking, and an admin reply inbox.

01Define the ticket model
02Build ticket submission
03Build the user ticket view

+2 more steps to Done

Best forbuilders who have shipped a basic app before

5 steps60-120 minutesIntermediate
Flows category icon
App Builder

File Upload System

Build real file uploads with validation, progress, storage, and display - files must survive refresh.

01Define upload requirements
02Build the upload UI
03Implement backend storage

+3 more steps to Done

Best forbuilders who have shipped a basic app before

6 steps45-90 minutesIntermediate
Flows category icon
App Builder

Local Service Booking Website

A complete website for a local service business: services, trust, working booking requests, and local SEO basics.

01Structure the business content
02Build home and services pages
03Build the booking request flow

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps60-120 minutesBeginner
Flows category icon
App Builder

Marketplace Buyer/Seller Flow

Build a two-sided marketplace core: listings, browsing, and a real transaction/request flow between buyers and sellers.

01Define marketplace entities and rules
02Build seller listing management
03Build public browse and search

+3 more steps to Done

Best forproduction-grade builds with strict verification

6 steps2-4 hoursAdvanced
Flows category icon
App Builder

MongoDB Data Model Plan

Design a MongoDB data model that fits your queries: embed vs reference, indexes, and validation.

01List the access patterns
02Decide embed vs reference
03Plan the indexes

+2 more steps to Done

Best forbuilders who have shipped a basic app before

5 steps45-75 minutesIntermediate
Flows category icon
App Builder

Notification System

Build an in-app notification system with real triggers, unread counts, and a working notification center.

01Define notification types and triggers
02Create notifications from real events
03Build the unread badge

+3 more steps to Done

Best forbuilders who have shipped a basic app before

6 steps60-90 minutesIntermediate
Flows category icon
App Builder

Pricing Page Builder

Design and build a pricing page that converts: plan structure, value anchoring, FAQs, and a working upgrade path.

01Design the plan structure
02Write the plan copy
03Build the page

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps45-75 minutesBeginner
Flows category icon
App Builder

Role-Based Access Control

Add real roles and permissions: enforced on backend endpoints and reflected honestly in the UI.

01Define roles and the permission matrix
02Add roles to the user model
03Enforce permissions on the backend

+3 more steps to Done

Best forproduction-grade builds with strict verification

6 steps60-120 minutesAdvanced
Flows category icon
App Builder

SaaS MVP Builder

Go from idea to a working SaaS MVP: auth, core feature, billing readiness, and a landing page that converts.

01Define the MVP in one sentence
02Build the landing page
03Add working auth

+3 more steps to Done

Best forproduction-grade builds with strict verification

6 steps2-4 hoursAdvanced
Flows category icon
App Builder

Settings/Billing Page

Build a real settings area: profile edits that persist, password change, plan display, and danger zone.

01Define settings sections
02Build layout and profile section
03Implement password change

+3 more steps to Done

Best foryour first pass at this - no prior setup assumed

6 steps45-75 minutesBeginner
Flows category icon
App Builder

Stripe Checkout Flow

Add real Stripe payments with checkout, webhooks, and payment status - not a button that pretends to charge.

01Define the payment spec
02Set up Stripe keys and packages securely
03Create the checkout session endpoint

+4 more steps to Done

Best forbuilders who have shipped a basic app before

7 steps60-120 minutesIntermediate
Flows category icon
App Builder

Supabase Schema Plan

Design a correct Supabase schema: tables, relationships, RLS policies, and verification queries.

01Model the data
02Write the schema SQL
03Enable RLS with policies

+2 more steps to Done

Best forbuilders who have shipped a basic app before

5 steps45-75 minutesIntermediate
Flows category icon
App Builder

User Onboarding Flow

Build a multi-step onboarding that captures real user data, persists progress, and lands users in a personalized app.

01Define onboarding steps and data
02Build the wizard shell
03Persist answers per step

+3 more steps to Done

Best foryour first pass at this - no prior setup assumed

6 steps45-75 minutesBeginner
Flows category icon
App Builder

Working Signup/Auth System

Build a real signup, login, session, and protected route flow - not a form that only looks functional.

01Define auth requirements
02Choose auth method
03Define the user database model

+10 more steps to Done

Best forbuilders who have shipped a basic app before

13 steps45-90 minutesIntermediate

Debugging

10 flows
Flows category icon
Debugging

Add Database Persistence

Your app forgets everything on refresh: move state into a real database with working CRUD.

01Inventory unpersisted state
02Design models and endpoints
03Wire writes to the backend

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps45-75 minutesBeginner
Flows category icon
Debugging

Add Loading/Error States

Eliminate silent failures and frozen screens: add loading, empty, and error states across the whole app.

01Inventory async surfaces
02Add loading states
03Add error states with retry

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps30-60 minutesBeginner
Flows category icon
Debugging

Fix App That Looks Good But Does Not Work

The systematic recovery flow for beautiful-but-broken AI builds: audit honestly, then fix by functional priority.

01Run a brutal functional audit
02Prioritize the fix order
03Fix the core value action

+3 more steps to Done

Best forbuilders who have shipped a basic app before

6 steps60-120 minutesIntermediate
Flows category icon
Debugging

Fix Broken Buttons

Hunt down every dead button in your AI-built app and wire each one to real, verified behavior.

01Inventory every interactive control
02Fix dead buttons
03Fix fake buttons

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps30-60 minutesBeginner
Flows category icon
Debugging

Fix Broken Form Submission

Forms that validate, submit, persist, and recover: repair every broken form in your app end to end.

01Inventory and test every form
02Wire submissions to real endpoints
03Add validation on both sides

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps30-60 minutesBeginner
Flows category icon
Debugging

Fix Fake Auth

Your login 'works' but nothing is real: convert visual-only auth into persisted users, sessions, and guards.

01Diagnose what is fake
02Implement real user persistence
03Implement real credential verification

+3 more steps to Done

Best forbuilders who have shipped a basic app before

6 steps45-90 minutesIntermediate
Flows category icon
Debugging

Fix Routing/Navigation

Repair broken links, 404s, back-button traps, and guard gaps so navigation works like users expect.

01Map routes and links
02Fix dead and wrong links
03Fix deep links and refresh

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps30-60 minutesBeginner
Flows category icon
Debugging

Improve Mobile Responsiveness

Make your app genuinely usable on phones: audit at real widths, fix layouts, and verify touch targets.

01Audit every page at mobile widths
02Fix layout and overflow
03Fix navigation and touch targets

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps45-75 minutesBeginner
Flows category icon
Debugging

Make UI Less Generic

Escape the default-AI look: define a real visual identity and apply it systematically across your app.

01Audit the generic tells
02Define the visual direction
03Apply the foundation

+2 more steps to Done

Best forbuilders who have shipped a basic app before

5 steps60-90 minutesIntermediate
Flows category icon
Debugging

Refactor Messy AI Code

Clean up AI-generated spaghetti safely: dedupe, extract, and organize without breaking working features.

01Capture the behavior baseline
02Map the mess
03Remove dead code

+3 more steps to Done

Best forproduction-grade builds with strict verification

6 steps60-120 minutesAdvanced

Launch

12 flows
Flows category icon
Launch

Creator Marketplace Launch

Launch a creator marketplace: solve the cold-start, seed supply, launch demand, and prove the loop.

01Choose the cold-start strategy
02Recruit the founding creators
03Prepare the marketplace for buyers

+2 more steps to Done

Best forproduction-grade builds with strict verification

5 steps2-3 hoursAdvanced
Flows category icon
Launch

Demo Video Script

Script a tight product demo video: hook, narrative arc, screen directions, and CTA - ready to record.

01Choose format and story
02Write the hook and opening
03Script the core demo beats

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps45-75 minutesBeginner
Flows category icon
Launch

Founder Outreach Campaign

Get your first users by hand: build a target list, write outreach that gets replies, and run the follow-up loop.

01Define the ideal first user
02Build the target list
03Write the first-touch messages

+2 more steps to Done

Best forbuilders who have shipped a basic app before

5 steps2-3 hoursIntermediate
Flows category icon
Launch

GitHub README Generator

Write a README that makes people use your project: hook, quickstart, visuals, and honest docs.

01Write the hook section
02Write the quickstart
03Write usage and examples

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps30-60 minutesBeginner
Flows category icon
Launch

Hackathon Submission

Package your hackathon project to win: narrative, demo plan, submission copy, and judge-proofing.

01Build the judge narrative
02Script the demo
03Write the submission

+2 more steps to Done

Best forbuilders who have shipped a basic app before

5 steps2-3 hoursIntermediate
Flows category icon
Launch

Investor Pitch Script

Write a tight investor pitch: narrative arc, numbers that matter, deck structure, and Q&A prep.

01Build the narrative spine
02Prepare the numbers
03Structure the deck

+2 more steps to Done

Best forproduction-grade builds with strict verification

5 steps2-3 hoursAdvanced
Flows category icon
Launch

Landing Page Copy

Write conversion-focused landing page copy: headline, sections, social proof, CTAs, and objection handling.

01Define audience and message hierarchy
02Write the hero section
03Write problem and solution sections

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps60-90 minutesBeginner
Flows category icon
Launch

Press/Announcement Page

Create an announcement page and press kit that makes your launch easy to cover and share.

01Find the story angle
02Write the announcement
03Build the press kit

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps60-90 minutesBeginner
Flows category icon
Launch

Product Hunt Launch

Plan and execute a Product Hunt launch: positioning, assets, launch-day playbook, and follow-through.

01Nail the positioning
02Plan the gallery assets
03Write the maker's first comment

+2 more steps to Done

Best forbuilders who have shipped a basic app before

5 steps2-3 hours prepIntermediate
Flows category icon
Launch

Reddit Launch Plan

Launch on Reddit without getting banned: subreddit research, value-first posts, and comment strategy.

01Research target subreddits
02Write value-first posts
03Prepare comment engagement

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps1-2 hours prepBeginner
Flows category icon
Launch

TikTok Content System

A repeatable short-video system for your product: hooks, formats, scripts, and a 2-week content calendar.

01Define content pillars
02Build the hook bank
03Script the first 5 videos

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps1-2 hoursBeginner
Flows category icon
Launch

Waitlist Launch

Launch a waitlist that actually converts: page, incentives, referral loop, and the nurture sequence.

01Design the waitlist offer
02Build the waitlist page
03Add the referral mechanic

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps60-120 minutesBeginner

QA

12 flows
Flows category icon
QA
Generated

صياغة الفرق بين الأسئلة البحثية والمساهمات في ورقة أو مشروع بحثي

تدفق عملي لمساعدة المستخدم على التمييز بوضوح بين الأسئلة البحثية والمساهمات، ثم صياغتهما بشكل صحيح وقابل للاستخدام في مقترح أو ورقة بحثية.

01تحديد السياق الذي ستستخدم فيه المفهومين
02استخراج تعريفين منفصلين وغير ملتبسين
03بناء مقارنة مباشرة بين المفهومين

+6 more steps to Done

Best forbuilders who have shipped a basic app before

9 steps30-60 minutesIntermediate
Flows category icon
QA

API/Error Handling QA

Verify every API contract and failure path: status codes, error shapes, timeouts, and frontend recovery.

01Inventory the API contracts
02Test success and failure codes
03Normalize error responses

+2 more steps to Done

Best forproduction-grade builds with strict verification

5 steps60-90 minutesAdvanced
Flows category icon
QA

Accessibility QA

Make your app usable by everyone: keyboard, contrast, labels, focus, and screen-reader basics.

01Keyboard-only audit
02Fix keyboard operability
03Contrast and visual pass

+2 more steps to Done

Best forbuilders who have shipped a basic app before

5 steps60-90 minutesIntermediate
Flows category icon
QA

Auth Flow QA

Dedicated auth testing: signup, login, sessions, guards, reset, and the edge cases that expose fake auth.

01Test the signup surface
02Test the login surface
03Test the session lifecycle

+2 more steps to Done

Best forbuilders who have shipped a basic app before

5 steps45-75 minutesIntermediate
Flows category icon
QA

DeSlop Audit

The anti-AI-slop audit: find and fix everything that makes your app look and feel like a generic AI build.

01Score the slop
02Fix function-slop first
03Fix design-slop

+2 more steps to Done

Best forbuilders who have shipped a basic app before

5 steps60-90 minutesIntermediate
Flows category icon
QA

Evidence Checklist

Prove your app works with evidence: build a claim-by-claim verification pack with receipts.

01Inventory every claim
02Define verification procedures
03Execute and collect evidence

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps45-60 minutesBeginner
Flows category icon
QA

Hackathon Judge Report

Evaluate a hackathon project like a rigorous judge: criteria scoring, evidence checks, and structured feedback.

01Set up the rubric
02Use the project hands-on
03Score with evidence

+2 more steps to Done

Best forbuilders who have shipped a basic app before

5 steps30-60 minutes per projectIntermediate
Flows category icon
QA

Mobile QA Checklist

A rigorous mobile QA pass: layouts, touch, keyboards, and the full core journey on phone-sized screens.

01Layout pass at phone widths
02Fix layout breaks
03Touch and gesture pass

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps45-60 minutesBeginner
Flows category icon
QA

Payment Flow QA

Trust-level testing for payments: success, decline, cancel, idempotency, and state consistency.

01Audit the money path
02Verify the success path
03Verify decline and cancel paths

+2 more steps to Done

Best forproduction-grade builds with strict verification

5 steps60-90 minutesAdvanced
Flows category icon
QA

Production Readiness Review

The pre-ship gate: environment, errors, data safety, performance, and the go/no-go checklist.

01Audit environment and config
02Test failure resilience
03Verify data safety

+2 more steps to Done

Best forproduction-grade builds with strict verification

5 steps60-120 minutesAdvanced
Flows category icon
QA

Security Basics Review

The essential security pass for AI-built apps: secrets, auth enforcement, input handling, and data exposure.

01Hunt exposed secrets
02Attack the auth enforcement
03Harden input handling

+2 more steps to Done

Best forproduction-grade builds with strict verification

5 steps60-90 minutesAdvanced
Flows category icon
QA

Test Every User Path

Systematically walk every path a user can take and verify each works - the complete functional test pass.

01Map every user path
02Execute the happy paths
03Execute alternate and error paths

+2 more steps to Done

Best forbuilders who have shipped a basic app before

5 steps60-120 minutesIntermediate

Agent Architecture

13 flows
Flows category icon
Agent Architecture

Add a Plan/Todo System to Your Agent

Give your agent the planning discipline of the leading harnesses: an explicit, model-visible todo list that survives long tasks.

01Design the todo data model and tool
02Render the plan into context every turn
03Enforce plan-first and completion gates

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Agent Architecture

Agent-to-Agent Protocols (A2A)

Connect two agents over an explicit protocol - task handoff, acknowledgment, and failure handling - instead of hoping chat works out.

01Define the protocol
02Build the message layer
03Wrap agents as protocol endpoints

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps90-150 minutesAdvanced
Flows category icon
Agent Architecture

Assemble a System Prompt Like the Pros

Structure your agent's system prompt the way leading harnesses do: layered sections, dynamic context, and enforceable rules.

01Decompose the current prompt
02Build the section-based assembler
03Pair rules with enforcement

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Agent Architecture

Choose the Right Dispatch: Spawn, Fork, or Direct

Three ways to hand work to a sub-agent - fresh-context spawn, cache-sharing fork, or just doing it yourself - and the decision matrix for picking per task.

01Implement spawn: fresh context specialists
02Implement fork: inherited context, shared cache
03Add guards and async lifecycle

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps90-150 minutesAdvanced
Flows category icon
Agent Architecture

Design a Single-Loop Agent

Build the core agent loop the leading coding agents use: one model, one loop, tools in, results folded back into context.

01Define the loop contract
02Build the tool registry
03Implement the loop with result folding

+2 more steps to Done

Best forproduction-grade builds with strict verification

5 steps90-150 minutesAdvanced
Flows category icon
Agent Architecture

Design the Agent-Computer Interface (ACI)

Apply SWE-agent's key finding: agents perform dramatically better when their commands, viewers, and feedback are designed for models, not humans.

01Audit your current tool surface
02Build the windowed file viewer
03Add validated edits with corrective feedback

+2 more steps to Done

Best forproduction-grade builds with strict verification

5 steps90-120 minutesAdvanced
Flows category icon
Agent Architecture

Error Recovery and Retry Policy for the Agent Loop

Design the retry, backoff, and give-up behavior that separates production agents from demos that loop forever.

01Build the error taxonomy
02Implement retries and corrective feedback
03Add the loop breaker

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Agent Architecture

From CLI Harness to Product

Grow a working agent loop into a product: sessions, config, resumability, and the packaging polish the successful terminal agents share.

01Implement persistent sessions
02Build true resume
03Layer the configuration system

+2 more steps to Done

Best forbuilders who have shipped a basic app before

5 steps90-150 minutesIntermediate
Flows category icon
Agent Architecture

Implement the Six Core Orchestration Patterns

Worker pool, pipeline, supervisor-worker, adversarial, fork-join, resume chain - build the reusable orchestration patterns every serious multi-agent system converges on.

01Build the shared lifecycle infrastructure
02Implement fan-out patterns: worker pool and fork-join
03Implement sequential and hierarchical patterns

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps120-180 minutesAdvanced
Flows category icon
Agent Architecture

Make Parallel Sub-Agents Share the Prompt Cache

Byte-identical request prefixes are why forked workers cost a fraction of spawned ones - engineer your dispatch so every parallel child hits the same cache entry.

01Map what must be byte-identical
02Stabilize the shared prefix
03Measure cache performance

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps60-120 minutesAdvanced
Flows category icon
Agent Architecture

Single-Agent vs Multi-Agent: Decide and Design

A decision flow for the most expensive architecture choice in agent systems - grounded in what actually ships versus what demos well.

01Analyze the workload for separability
02Score the three architectures
03Sketch the chosen architecture

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps45-75 minutesIntermediate
Flows category icon
Agent Architecture

Streaming and Partial-Result UX

Stream model output and tool progress so users see the agent think and act - the UX baseline every serious terminal agent has set.

01Design the event protocol
02Implement server-side streaming
03Build the streaming client rendering

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Agent Architecture

Sub-Agent Delegation with Context Isolation

Delegate bounded work to sub-agents that run in fresh context and return only distilled results - the pattern behind scalable long tasks.

01Specify the delegation contract
02Implement the isolated sub-loop
03Wire dispatch into the parent and distill

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps90-150 minutesAdvanced

Memory & Context

11 flows
Flows category icon
Memory & Context

Add File-Based Persistent Memory

Give your agent durable memory with plain files - the radical-minimalism approach production practitioners keep converging on.

01Design the memory file structure
02Load memory at session start
03Build the guarded memory_update tool

+1 more steps to Done

Best foryour first pass at this - no prior setup assumed

4 steps45-75 minutesBeginner
Flows category icon
Memory & Context

Cross-Session Project State

Keep long-horizon work coherent across many sessions: externalized project state that any session can load, advance, and hand off.

01Design the project-state document
02Implement the session-start protocol
03Implement the session-end advance

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps90-120 minutesAdvanced
Flows category icon
Memory & Context

Design a Memory Index Loaded Every Session

Build the pattern behind minimalist memory systems: a compact index file the agent always loads, pointing to detail files it loads on demand.

01Structure the index and details
02Wire loading: index always, details on demand
03Maintain the index as memory evolves

Best forbuilders who have shipped a basic app before

3 steps60-90 minutesIntermediate
Flows category icon
Memory & Context

Episodic, Semantic, and Procedural Stores

Organize agent memory by kind - what happened, what is true, and how to do things - instead of one undifferentiated pile.

01Define the three schemas
02Build classification and routing
03Implement type-appropriate recall

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Memory & Context

Implement Context Compaction

Keep long agent sessions alive by compacting old conversation into structured summaries before the context window fills.

01Add token accounting
02Design the structured summary format
03Implement the compaction operation

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps90-120 minutesAdvanced
Flows category icon
Memory & Context

Memory Consolidation and Pruning Schedule

Keep agent memory healthy over months: scheduled consolidation, decay, promotion between layers, and safe pruning.

01Split memory into layers
02Implement the consolidation run
03Add decay scoring and safe pruning

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Memory & Context

Memory Recall: Ranking and Relevance

Make recall surface the right memories: hybrid lexical+semantic search, rank fusion, and explainable retrieval.

01Build the lexical layer
02Add the semantic layer
03Fuse rankings with boosts

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps90-120 minutesAdvanced
Flows category icon
Memory & Context

Memory Write Policies

Decide what gets remembered: write gates, provenance, confidence, and validation - because memory quality is set at write time.

01Write the memorability criteria
02Attach provenance and confidence
03Detect and resolve contradictions

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Memory & Context

Prompt-Cache-Aware Conversation Design

Structure your agent's context for prefix caching: stable prefixes, append-only history, and cache-friendly dynamic content.

01Audit context stability
02Restructure for stable-first layout
03Verify cache hits and measure savings

Best forbuilders who have shipped a basic app before

3 steps45-75 minutesIntermediate
Flows category icon
Memory & Context

Session Summaries That Survive Compaction

Write durable session summaries at the right moments so knowledge outlives compaction and process restarts.

01Define what deserves to survive
02Write at the moments that matter
03Load summaries into new sessions

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Memory & Context

Vector vs Markdown Memory: Make the Decision

Choose your memory backend on evidence: when plain files win, when vectors earn their complexity, and how to test it on your own data.

01Profile the workload honestly
02Benchmark both on your data
03Decide and set the tripwires

Best foryour first pass at this - no prior setup assumed

3 steps45-60 minutesBeginner

MCP & Tooling

9 flows
Flows category icon
MCP & Tooling

Build Your First MCP Server

Stand up a working MCP server exposing your own tools, connect a client, and validate the full call loop.

01Choose tools worth exposing and set up the SDK
02Implement the server and tools
03Connect a host and verify discovery

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps90-120 minutesIntermediate
Flows category icon
MCP & Tooling

Build a Repo Map for Code Navigation

Give your agent compressed, ranked codebase awareness - the tree-sitter repo-map pattern that beats raw file dumps.

01Extract symbols per file
02Rank by relevance
03Render within budget

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps90-150 minutesAdvanced
Flows category icon
MCP & Tooling

Deferred Tool Loading

Stop paying context for tools the task never needs: load a core set eagerly and expand the toolset on demand.

01Measure usage and pick the core
02Build the catalog and discovery
03Implement dynamic registration

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps90-120 minutesAdvanced
Flows category icon
MCP & Tooling

Design Tool Schemas for Agents

Write tool schemas that constrain model behavior: tight types, enums over strings, and parameters that make misuse hard.

01Audit schemas for looseness
02Tighten the schemas
03Make validation errors teach

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
MCP & Tooling

Structured Output from Tools

Make every tool and agent output validate against a schema: typed results, repair loops, and safe fallbacks.

01Map the boundaries and define types
02Enforce schemas at generation time
03Build the repair loop and fallbacks

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
MCP & Tooling

Testing MCP Tools

Bring TDD discipline to MCP servers: unit-test handlers, protocol-test the surface, and contract-test against a real host.

01Separate logic from protocol glue
02Write the handler unit suite
03Add protocol and contract layers

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
MCP & Tooling

Tool Descriptions That Steer the Model

Treat tool descriptions as prompt engineering: when-to-use guidance, negative cases, and worked examples that fix tool-choice errors.

01Collect misroutes and map overlaps
02Rewrite descriptions to steer
03Verify with a routing test

Best foryour first pass at this - no prior setup assumed

3 steps45-60 minutesBeginner
Flows category icon
MCP & Tooling

Tool Permissioning Tiers

Classify tools by risk and enforce tiered permissions: auto-allow, session-allow, always-ask, and never - enforced in the harness.

01Classify the toolset by risk
02Enforce tiers in dispatch
03Implement session grants and revocation

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
MCP & Tooling

Tool Result Size Management

Stop tool outputs from flooding context: budgets per tool, smart truncation, pagination, and reference-based results.

01Budget every tool's output
02Truncate to preserve signal
03Paginate lists and reference artifacts

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate

Harness Engineering

13 flows
Flows category icon
Harness Engineering

Assemble Tool Prompts Dynamically per Environment

Stop shipping one static mega-prompt: generate tool prompts from environment conditions, inject blocks only when features are on, and dedupe config to save tokens.

01Identify conditional blocks
02Build the prompt generator
03Dedupe and budget every block

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps90-120 minutesAdvanced
Flows category icon
Harness Engineering

Cost Control: Model Routing and Effort Tiers

Route work to the cheapest model that can do it and match reasoning effort to task difficulty - with quality guardrails.

01Profile spend by call class
02Build the routing table and wire it
03Add escalation on failure

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps90-120 minutesAdvanced
Flows category icon
Harness Engineering

Design Layered Tool Prompts with Preference Chains

Structure your tool prompts the way the leading harness does: preference chains up front, usage constraints in the middle, NEVER-guarded safety protocols at the end.

01Audit the current tool prompt
02Write the preference chain
03Write usage constraints and safety protocols

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Harness Engineering

Design the Permission Approval UX

Design approval prompts users actually read: diffs, risk framing, scoped grants, and pacing that prevents approval fatigue.

01Audit the current approval moments
02Rebuild the prompt content
03Make friction proportional to risk

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Harness Engineering

Evals for Your Harness

Build the eval suite that tells you whether harness changes help: task sets, graded rubrics, and regression discipline.

01Design the task set
02Implement graders
03Run honestly: variance and the results store

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps90-150 minutesAdvanced
Flows category icon
Harness Engineering

Hook a Permission Layer onto Dangerous Tools

Intercept dangerous tool calls with a hook layer: pattern rules, approval gates, and blocks that the model cannot talk its way past.

01Define the danger rule set
02Implement the hook point
03Harden the patterns against evasion

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Harness Engineering

Observability for Agent Runs

Instrument your agent like production software: traces, session replay, cost tracking, and failure analysis on open standards.

01Instrument spans across the loop
02Build session replay
03Track the economics

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps90-120 minutesIntermediate
Flows category icon
Harness Engineering

Pair Every Prompt Rule with a Code Backstop

Prompts guide, code enforces: inventory your agent's soft rules, back each critical one with an independent deterministic check, and define the allow/ask/deny escalation.

01Inventory soft rules and classify enforcement needs
02Implement checks independent of the prompt
03Wire the escalation path

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps120-180 minutesAdvanced
Flows category icon
Harness Engineering

Rate and Blast-Radius Limits for Destructive Tools

Cap how much damage any window of agent activity can do: rate limits, change budgets, checkpoints, and undo.

01Set the budgets from real usage
02Implement the counters and ladder
03Add checkpoints and rollback

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Harness Engineering

Rule-File Code Review Gates

Run deterministic policy checks on everything your agent produces: rule files reviewing plans, diffs, and evidence before anything merges.

01Write the initial rule set
02Build the evaluation engine
03Wire the gates into the loop

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Harness Engineering

Sandbox Untrusted Code Execution

Contain what your agent runs: isolated execution environments with resource limits, network policy, and workspace mounting done right.

01Choose the isolation and define the policy
02Build the sandboxed executor
03Enforce and verify the network policy

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps120-180 minutesAdvanced
Flows category icon
Harness Engineering

Verification Loops: Never Trust an Unrun Edit

Wire verification into your agent so every edit is checked by machines - syntax, tests, behavior - before it counts as done.

01Verify at the write boundary
02Add the post-change verify step
03Gate completion on evidence

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-100 minutesIntermediate
Flows category icon
Harness Engineering

Version Your Harness and Track Behavior

Treat prompts, tools, and loop logic as versioned, changelogged artifacts - so behavior changes are decisions, not surprises.

01Extract behavior into versioned artifacts
02Start the behavior changelog
03Build the smoke eval and behavioral diffing

+1 more steps to Done

Best foryour first pass at this - no prior setup assumed

4 steps45-75 minutesBeginner

Agent QA & Security

13 flows
Flows category icon
Agent QA & Security

Audit Trails for Tool Calls

Record an immutable, queryable trail of every action your agent takes - who, what, when, why, and outcome - for security and accountability.

01Define the audit record and scope
02Write records reliably and scrubbed
03Make the trail tamper-evident

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Agent QA & Security

Build a Command Security Pipeline for Your Agent

Replace scattered if-else safety checks with a layered validator pipeline: single-purpose checks, an allow/ask/deny/passthrough contract, and severity-aware ordering.

01Define the contract and pipeline skeleton
02Implement early validators and input hygiene
03Build the main validator chain and hard path constraints

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps120-180 minutesAdvanced
Flows category icon
Agent QA & Security

Dependency and Supply-Chain Scanning for Agents

Guard against the dependencies your agent adds: vulnerability scanning, hallucinated-package detection, and gated installs.

01Intercept dependency additions
02Verify existence and reputation
03Scan for vulnerabilities

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Agent QA & Security

Detect Command Obfuscation and Parser-Mismatch Attacks

Catch the attacks your parser cannot see: quote-concatenation flags, ANSI-C quoting, brace expansion, and escaped operators that make bash execute something your checks never inspected.

01Build multi-view quote extraction
02Detect quote-trick flag smuggling
03Detect parser-vs-shell divergence

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps120-180 minutesAdvanced
Flows category icon
Agent QA & Security

Guard Memory Writes Against Injection

Stop poisoned data from becoming persistent agent beliefs: validate, attribute, and quarantine memory writes as untrusted input.

01Make writes source-aware
02Validate content before persistence
03Quarantine and require corroboration

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps90-120 minutesAdvanced
Flows category icon
Agent QA & Security

Incident Response Runbook for Agent Mishaps

Prepare for the day your agent does damage: detection, containment, rollback, investigation, and prevention - written before you need it.

01Define detection and the kill switch
02Write containment and rollback procedures
03Write the investigation procedure

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Agent QA & Security

Jailbreak Regression Suite

Turn every jailbreak you find into a permanent regression test, so safety boundaries never silently erode across model and prompt changes.

01Assemble the jailbreak corpus
02Build reliable compliance evaluation
03Version, gate, and grow the suite

Best forbuilders who have shipped a basic app before

3 steps60-90 minutesIntermediate
Flows category icon
Agent QA & Security

Prompt Injection Defense Checklist

Systematically defend your agent against prompt injection: trust boundaries, content isolation, and defense-in-depth that assumes injection will happen.

01Map trust boundaries
02Isolate and label untrusted content
03Separate authority from content

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps90-150 minutesAdvanced
Flows category icon
Agent QA & Security

Red-Team Your Agent with Adversarial Prompts

Systematically attack your own agent using red-teaming frameworks: vulnerability probes, attack methods, and a repeatable adversarial suite.

01Build a threat-driven probe set
02Arm each probe with attack methods
03Automate execution and score

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps120-180 minutesAdvanced
Flows category icon
Agent QA & Security

Release Gates for Agent-Generated Code

Put agent output through a real merge gate: automated review, tests, security scans, and human sign-off proportional to risk.

01Assemble the automated gate
02Classify change risk
03Label provenance and require sign-off

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Agent QA & Security

Secrets Hygiene in Agent Logs

Keep credentials out of prompts, tool outputs, logs, and traces: detection, redaction, and safe handling across the whole agent pipeline.

01Build the secret detector
02Redact at every capture point
03Inject real secrets safely

+1 more steps to Done

Best forbuilders who have shipped a basic app before

4 steps60-90 minutesIntermediate
Flows category icon
Agent QA & Security

Stand Up an Adversarial Verification Agent

Stop trusting your agent's own 'it works': dispatch a read-only verifier that must run real commands, probe adversarially, and return an evidence-backed PASS/FAIL verdict.

01Define the verifier with hard read-only constraints
02Feed it the real task and require evidence
03Add adversarial probes

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps90-150 minutesAdvanced
Flows category icon
Agent QA & Security

Threat-Model Your MCP Server

Systematically threat-model an MCP server before it is exploited: assets, entry points, trust boundaries, and mitigations documented and tested.

01Inventory assets and entry points
02Map boundaries and enumerate threats
03Rank threats and assign mitigations

+1 more steps to Done

Best forproduction-grade builds with strict verification

4 steps90-120 minutesAdvanced

Made with Emergent