Chapter 01

Setup & Orientation

JS Mastery AI Community
What This Course Will (and Won't) Make You
Prerequisites: Who is this course for?
The Two Scenarios You’ll Build In
Install the CLI in Your IDE
How to Take This Course & Use the Cheat Sheet

Chapter 02

Agentic Mindset

Why AI Coding Falls Apart
Direct the AI, Don't Rely on Hope
Skit: How to Outsmart a Genie
Vibe Coding vs. Agentic Engineering
Interview - The Agentic Mindset

Chapter 03

How Coding Agents Work

The Agent Loop
What the Agent Sees
How Agents Read Your Codebase
Context Windows and Why They Fill
Context Rot: Quality Slips Before The Window Fills
Topic Switching: When Unrelated Work Pulls Focus
Clearing vs. Compacting
Exercise: Clear or Compact
Tokens: What Costs What
Challenge: Reading a Session That Went Bad
Interview - How Coding Agents Work

Chapter 04

The Building Blocks

The Four Primitives: Your Vocabulary Map
Tools: What the Model Can Call
MCP: Extending the Agent (and When It's Worth It)
Subagents: Agents with Their Own Context
Configuring And Using A Subagent
Mapping Primitives Across Tools
Choosing a Model: Harness vs. Reasoning
Interview - The Building Blocks

Chapter 05

Context Engineering

What Context Engineering Means
The Three Types of Context
CLAUDE.md & AGENTS.md: How They Load
Code Structure That Makes Agents Work Better
Challenge: Checkpoint - Make the call
Interview - Context Engineering

Chapter 06

Skills — The System You Needed

Skills: The Discipline You Did by Hand
How to Read a SKILL.md file
Build Your Own Skill
Skills vs. MCP: Which to use and when
Interview - Skills: The System You Just Needed

Chapter 07

Vibe Coding vs Agentic Engineering

The Experiment: One App, Two Builds
The Vibe Build: A Working App in One Session
Watch It Break
Autopsy: Reading the Vibe Codebase
Workflow-First: Decide Before You Build
Autopsy: The Workflow Codebase
The Two Bills
Challenge: Break It Yourself
Interview - Vibe Coding vs. Agentic Engineering

Chapter 08

Workflow: Ship Something Real

Installing the JSM Skills System
Why the Workflow Is Structured This Way
Nine Skills: Finding Your Entry Point
/scope: Challenge the Idea Before Any Code
Demo: Running /scope
Reading a Spec: What the Build Sees and What You Keep
Demo: Running /architect
Challenge: Scope Your Own Real Idea
Demo: Planning a Feature with /develop
Demo: Running /audit
/sync: Understand It, Then Automate It
Challenge: Build the First Slice
Install Supabase MCP
Interview - Workflow: Ship Something Real

Chapter 09

Workflow: Prove it Runs

Walkthrough (Prove it Runs)
Two Kinds of Proof
Demo: Running /check verify
Demo: Running /test
Challenge: Make It Lie to You (Prove it Runs)
Interview - Workflow: Prove it Runs

Chapter 10

Workflow: Ship It Like a Team

Why a Second Mind Matters
Demo - Running /check review
/document: The Record That Travels With Your Code
Challenge: Three Reviewers, One Feature
The Loop You’ll Actually Run
Interview - Workflow: Ship It Like a Team

Chapter 11

Workflow: Find the Root Cause

The Three Kinds of Broken
The Method That Works on Any Code
Demo: Running /debug
Debugging Code You Didn't Write
Recover a Broken Session
Challenge: Diagnose a Session
Interview - Workflow: Find the Root Cause

Chapter 12

Workflow: Code You Didn't Write

Nobody Starts from Scratch
Demo: Running /audit on a Real Open-Source Project
Demo: Your First Change in Legacy Code
Challenge: Audit a Project You Inherited
Interview - Workflow: Code You Didn't Write

Chapter 13

Idea to First Ship — Greenfield

Scope & Architecture Skills
Stack & Tooling
Data Model
Use Check-Verify command for Data Model
Review the Data Model Audit
Use Document SKILL (for Data Model)
Architect the Movie Catalog and Cache
Implement the Movie Catalog and Cache
Setup Design System and UI Foundation
Update the Design System
Design System Output
First Slice: Core taste loop
App Showcase
Final Pro Tip
Interview - Greenfield: Idea to Ship

Course

The Agent Loop

Sign up to watch this lesson (and more).

By logging in, you'll unlock full access to this and other free tutorials on JSM Pro.

Why? Logging in lets us personalize your learning experience, track your progress, and keep you in the loop with new workshops, coding tips, and platform updates.

You'll also be the first to know about upcoming launches, events, and exclusive discounts.

No spam—just helpful content to level up your skills.

If that sounds fair, go ahead and log in to continue →

Enter your name and email to get instant access

0 Comments

No Comments Yet

Be the first to share your thoughts and start the conversation.