John Kim ByteByteAI – Build With Claude Code

Here’s What You Get: Live & Interactive Sessions Lifetime Access to Course Content Peer Community Certificate of Completion The ByteByteGo Guarantee Live & Interactive Sessions Learn directly from the instructor in real time. Ask questions, receive feedback, and stay engaged. Lifetime Access to Course Content Revisit lessons, recordings, and other resources anytime. Peer Community Stay motivated and accountable with a group of peers who are learning alongside you. Certificate of Completion Showcase your achievement on LinkedIn. Proof that you’ve leveled up with real-world skills. The ByteByteGo Guarantee If you’re not 100% satisfied after the first live session, you can request a full refund before the second session. No questions asked. Course Outline: Session 1 Claude Code Fundamentals Claude Code Basics The agentic loop (gather → act → verify) Installation and your first interactive session Slash commands and keyboard shortcuts The permission system (Default, acceptEdits, plan, dontAsk, bypassPermissions) Context Engineering The context window as a finite working memory The “fresh and condensed” principle Context management commands Layers of memory: CLAUDE.md, Second Brain, Auto Memory Lazy loading Automation with Skills Skills as reusable workflows and the anatomy of a SKILL.md Skills creation vs. Built-in skills Composability (skills that call other skills) Assignments Self-paced. Recorded walkthrough + solution included. Practice the Foundations Onboard to a New Codebase Point Claude Code at an unfamiliar repo Use plan mode to explore before acting Produce a useful artifact: roast, architecture doc, onboarding guide, or test gap analysis Verification Initialize CLAUDE.md Write canonical patterns and migrate the legacy code Build a search feature from a senior-engineer spec on clean conventions Translate a designer email (violet/lime accents) into a durable rule Skill from a Real Workflow (Log Triage) Take stock of a UI-only log archive and identify the automation gap Add an API endpoint to expose the tool to Claude Author a markdown report template using documented placeholders Run the pipeline manually: curl → parse → filter → categorize → aggregate → render Wrap the entire flow as a new skill: /triage-logs <log-id> Run the skill on a fresh log with no re-prompting Session 2 Scaling Up with MCPs, Parallel Agents, and Agentic Engineering MCPs, CLIs, and Agentic Tooling Model Context Protocol (MCP) and installation When NOT to use MCP (token cost, output limits, signal-to-noise) Browser automation with /chrome (navigate, screenshot, read console, record GIFs) The self-correcting chain (build → screenshot → detect → fix → verify, no human in the middle) Agentic engineering Hook lifecycle Parallel Development and Agentic Validation Git worktrees with claude –worktree for safe parallel isolation The multi-agent workflow (managing a team of Claudes) Subagents (centralized, lower-cost) vs Agent Teams (peer-to-peer, higher-cost) Notification hooks (Notification, Stop, SubagentStop, StopFailure) /chrome in parallel workflows for automated visual regression The Five Pillars of Agentic Engineering Common challenges at scale (context bloat, skill explosion, review bottleneck, friction points, evaluation gaps, you-as-the-bottleneck) Techniques to build at scale Compound engineering Auditing your codebase for AI-readiness Designing harnesses to eliminate friction Assignments Self-paced. Recorded walkthrough + solution included. Build at Scale Connect Claude to the Real World with MCPs Install MCP servers (Figma, Blender, Slack, or Notion) Build a tool that reads from and writes to an external system via MCP Add validation hooks that check the tool’s output automatically Use /chrome to visually verify the built interface or output Build a Full-Stack App in Parallel Set up a shared CLAUDE.md with stack, ports, and API contract Run Claude instances simultaneously in separate worktrees (backend, frontend, tests) Decompose a full-stack app into independent tasks suitable for parallel agents Merge worktree branches together, resolving at least one conflict in the process Use /chrome to validate the merged frontend renders and functions correctly Capstone Pick a project you actually want to ship: your own repo, a side project, or one of three starter PRDs (CodeCoach, Korridor, or Wordle iOS) Write a CLAUDE.md, scope .claude/rules/, and build a Second Brain so Claude never has to ask for context Set up a validation harness with tests, linting, hooks, and /chrome so Claude can self-check and self-correct Wire up agentic tooling, including MCPs, 2–3 reusable skills, and project slash commands that help your agents do more on your behalf Define agent team roles and accelerate your development workflow