Module 5, Lesson 3: Designing the App

Module 5, Lesson 3: Designing the App

12 min read min

Before We Start

From previous lessons:

  • You have a saved default design system in Claude Design: color, typography, spacing, components, and sample screens. Module 5, Lesson 2
  • You have a feature/parameter matrix and an implementation roadmap (phased into things like "Phase 1: Foundation" and "Phase 2: Core MVP") set up in YouTrack. Module 3
  • Your project specs folder exists with all your scoping documents. Module 2 and 3

Tools / setup you'll need:

  • Claude Desktop, with the Design tab and your saved design system
  • Your implementation roadmap / feature matrix (in YouTrack or wherever you built it)
  • Your specs folder, with all your project documentation

By the end of this lesson, you'll:

  • Have used Claude Design to generate actual screens for your app, phased to match your roadmap
  • Have an interactive, clickable prototype you can click through like a real app
  • Have iterated on at least one flow (a paywall gate) by giving Claude feedback instead of accepting the first pass
  • Know how to generate a shareable, read-only link for feedback or handoff

Paid members

This content is for Paid Members

Unlock full access to Dele Tosh and see the entire library of members-only content.

Subscribe