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