V
Vibe Code Academy
Build Guides

Build Along Guides

Step-by-step tutorials to build real projects with AI-assisted development. Learn by doing with expert guidance from top builders.

Portola iOS App

iOS Development with Claude Code

Intermediate
PD

Paula Dozsa

Builder @ Portola

2-3 hours to set up workflow

Learn how Paula built a 200k MAU iOS app with zero prior iOS experience using Claude Code, agents, skills, and MCPs to establish a production-grade vibe coding workflow.

SwiftiOSClaude CodeGitHub+2

Compound Product

Building a Self-Improving Product with the Ralph Loop

Advanced
RC

Ryan Carson

Founder @ Untangle

4-6 hours

Learn Ryan Carson's compound product pattern - a daily automated loop that analyzes your product data, identifies improvements, generates PRDs, and can even auto-generate PRs to implement fixes.

Node.jsCron JobsClaude/GPT APIGitHub API+1

AI Studio Build Mode

Figma to Interactive Prototype with AI Studio

Beginner
AR

Ammaar Reshi

Developer Advocate @ Google AI Studio

30 minutes to 1 hour

Learn how the Google AI Studio team uses their own tool to go from Figma designs to interactive prototypes in minutes, enabling rapid iteration and user testing before committing to full builds.

FigmaGoogle AI StudioGemini

Context7 MCP

Teaching Claude Any Framework with Context7 MCP

Intermediate
CH

CJ Hess

Engineer @ 10X

1-2 hours

Learn how CJ built an MCP that gives Claude up-to-date documentation for any framework, solving the problem of outdated training data and enabling Claude to work with the latest APIs.

MCP (Model Context Protocol)Claude CodeTypeScript

Sparkle Learning Process

Reverse Engineering Apps to Learn Faster

Intermediate
YP

Yash Poojary

GM of Sparkle @ Every

Ongoing practice

Yash's approach to building Sparkle: reverse engineering successful macOS apps like ChatGPT and Spotify to understand how they implement features, then having Claude apply those patterns to his own app.

macOS developmentSwiftClaude CodeReverse engineering tools