Module 5, Lesson 3: Designing the App
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