Intro to AI App Development
Build a production-quality app using AI as your coding partner. Learn 11 transferable techniques for AI-assisted development through real coding sessions.
Setting Up
Course orientation and environment setup
Creating the Foundation
Getting started with AI-assisted development
Getting Started
Your first AI coding session. See how the course teaches through real interactions and set up the project scaffold.
15 min
Tools and Workflow
Workflow patterns that keep your code organized as the project grows.
20 min
CLAUDE.md: AI Context
Create a CLAUDE.md to give the AI project context it cannot discover on its own.
20 min
Plan Mode: Explore First
Plan Mode lets you explore before committing to code. Turn broad requirements into a lean MVP spec.
25 min
First Work-Through
Build the first prototype. The AI implements, you verify, and problems surface fast.
30 min
Design and Build
Designing and building with AI assistance
Show, Don't Tell
Screenshots provide unambiguous evidence. When the AI claims success but your eyes disagree, showing beats telling.
25 min
Styling with Restraint
Pull back on heavy effects. Good styling is about removing what doesn't help.
25 min
Prepare, Propose, Plan
Structure your approach before coding. Prepare context, propose direction, plan execution.
30 min
Steering Keywords
Precise language directs AI effectively. Learn steering keywords that shape output quality.
25 min
Test Automation & UI Styling
Testing, color science, and animation patterns
Create Value, Retain Value
Documentation hygiene. Create value in each session and retain it for the next.
30 min
Color Science and WCAG
Ground design choices in research. OKLCH color science and WCAG accessibility standards.
30 min
Animation Patterns
GPU-friendly animation patterns with reference docs to prevent regressions.
25 min
Refining the User Experience
Documentation, visual hierarchy, and finishing
Factual Documentation
Trace state to fix data handling. Accurate technical reference over generated boilerplate.
25 min
Observe and Redirect
Detect compounding fixes and simplify. Resist AI over-engineering.
25 min
Visual Hierarchy
Organize visual information. Share buttons that respect hierarchy and spacing.
25 min
Finishing Touches
Final polish on typography, theming, and refinement. Bringing it home.
25 min