Module 5, Lesson 5: Connect Project to GitHub
How do you connect your project to GitHub while building with Claude Code? In WebStorm, turn on version control, add a .gitignore that excludes secrets like .mcp.json, commit, and push to a private repo. Then have Claude Code import your design system, prototypes, and specs, and push a second
Module 5, Lesson 4: Connect Claude Design to Claude Code
How do you connect Claude Design to Claude Code? In Claude Design, use Share, then Send to, then Claude Code to generate a connection prompt. Trim out the implement section first, since you only want to connect here, not start a build. Paste it into WebStorm, run claude, and confirm
Module 5, Lesson 3: Designing the App
How do you design your actual app screens with Claude? With your design system saved, you point Claude Design at your roadmap so it generates screens phased to match your build order. It asks a few questions, then produces a clickable prototype you can tap through like a real app.
Module 5, Lesson 2: Building the Design System
How do you build a design system before you write any code? You open Claude Design, attach your research and project folders, and ask it to design a system, and to ask you questions first. You answer, compare the directions it generates, and save one as your default. What you
Module 5, Lesson 1: The Build Pre-reqs
What do you need before you start building an app with AI? Confirm four things first: a landing page that has validated real interest, a YouTrack board scoped into phases, Claude Desktop updated with the Design tab, and your Module 2 spec docs within reach. Skipping this checkpoint is how
Module 4, Lesson 8: Design and Launch Your Facebook Ad
Why do you need a success page for a Facebook conversion event? You need a success page because the only way a visitor can reach the /success URL is by completing your landing page form, which gives Facebook a reliable signal that a real lead converted rather than just a
Module 4, Lesson 7: Plan Your Facebook Campaign & Install the Meta Pixel
What is the Meta Pixel and why install it before running ads? The Meta Pixel is a snippet of tracking code you place on your live site so Facebook can measure what visitors do after they click your ad, which is what makes conversion trackable rather than guessed. You install
Module 4, Lesson 6: Bypass Ad Blockers with PostHog's Reverse Proxy
How do you stop ad blockers from breaking PostHog analytics? You stop ad blockers from dropping your analytics by routing PostHog through a reverse proxy on your own domain, so tracking requests no longer look like they are going to PostHog and get blocked. You enable PostHog's managed
Module 4, Lesson 5: Setup PostHog Analytics
What is PostHog and how do you set it up? PostHog is a product analytics platform that captures event-based data on what visitors do on your page: scrolling, button clicks, pricing interactions, and email signups. You set it up by creating a free PostHog account, grabbing your project token,
Module 4, Lesson 4: Custom Domain to Vercel
How do you add a custom domain in Vercel? You add a custom domain in Vercel by adding the domain inside your Vercel project dashboard, then creating a DNS record at your domain registrar that points the domain at Vercel's servers so requests route to your deployment. Vercel