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

<aside> πŸ’‘

This includes things like prompts, commands, and other references for each module

</aside>

https://github.com/JacintoDesign/claude-code-bootcamp-reference

β€” Module 1: Claude - Project Workflow

<aside> πŸ’‘

Prompts and other reference for Module 1:

</aside>

https://github.com/JacintoDesign/claude-code-bootcamp-reference/blob/main/Module_1_reference.md

Finished vibe sentence website from this module:

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

Demo: Start with your Browser and an Idea…

[Claude - with prompt](https://claude.ai/new?q=3am in Tokyo. You've just missed the last train. Neon reflections on wet pavement. Turn this into a complete%2C styled HTML and CSS landing page UI. Use this feeling to define every design decision β€” the colour palette%2C typography%2C spacing%2C texture%2C and layout. The page should feel like you walked into that world. Return only the complete HTML file with CSS embedded.)

β€” Module 2: Claude Code - Fundamentals in the Terminal

<aside> πŸ’‘

Prompts and other reference for the Module 2:

</aside>

https://github.com/JacintoDesign/claude-code-bootcamp-reference/blob/main/Module_2_reference.md

Setting Up the Agentic Development Environment