App Flow

Purpose

Define the structure, navigation, and flow of your application.

Input

• prd.md from previous step
• tech-stack.md from previous step

Inspiration

Some curated sites for inspiration:

• curated.design Top-notch website designs.
• godly.website Animated, experimental sites.
• mobbin Mobile UI screenshots from popular apps.

Screenshot them for upload.

Steps

1. Use the Sitemap Design Doc prompt

2. Follow the UI Prototype Guide

Output

• app-sitemap.md - Document outlining your application's structure and navigation
• Wireframes or page images from UI prototyping

Alternatively, use stitch to generate high-quality user interfaces for mobile and web apps and easily export them to Figma, or directly access the frontend code.

superdesign.dev is an open source project to try designs using parallel agents (created with Taskmaster)

Next Steps

• Proceed to Design Spec using your prd.md, tech-stack.md, and app-sitemap.md as input