Welcome to the Claude Code Bootcamp Field Guide! This resource is designed to accompany the course, offering a curated collection of essential links and resources for every module. Whether you're picking up Claude Code for the first time or you've already shipped with it and want to work at a professional level, this field guide will lead you through the discipline of directing an AI agent, from the planning system that precedes every build to the shader and scroll craft that closes it out.

Each segment delves into the tools and references behind a specific stage of the workflow, spanning Claude Code's CLI and desktop app, the Claude Design canvas, and the planning documents that hold a build together — PRDs, contracts, and CLAUDE.md. From setup guides for Node, Supabase, Vercel, and GitHub, to visual reference for the motion work like Awwwards, Shadertoy, and Codrops, to the deployed repos for VibeMail and the portfolio project, this guide is your go-to reference for mastering the director's workflow and shipping real, production-grade software.

Step into the role of Technical Director, and direct the system that builds the system.

— Detailed Course Reference Material

This includes things like prompts, commands, and technical things throughout each lesson:

https://github.com/JacintoDesign/agentic-engineering-reference

Module 0: Foundation

Finished vibe sentence website from this module:

https://github.com/JacintoDesign/vibe-sentence-website

0.1. Claude

Claude

Module 1: Claude Code, VibeMail Backend, Gmail API

Finished Backend of the VibeMail project in this module:

https://github.com/JacintoDesign/vibemail-backend

1.2. Warp & Claude Code Setup

Warp Terminal

Advanced setup - Claude Code Docs

Repository used for practicing throughout the module: