Build HubSpot Sites by Directing AI Coding Agents
HubSpot's modern React CMS, end to end — the entangled content model, the data the theme only points at, and the guarded agent-native workflow — for a platform where every deploy is a live publish and the blast radius isn't greppable.
$249 once · owned for good · 6 modules, 32 lessons · about 4 focused hours
Grounded in real HubSpot codebases
Lessons are built against production CMS-React sites, not toy demos.
Built with the method it teaches
This site ships through the same build workflow the course walks you through.
Its prompts graded by evals
Every lesson's closing prompt is measured by an automated eval suite.
Can you let an AI coding agent ship to a live HubSpot site — and prove it didn't silently break something?
- 1. Map the site before you touch it
- 2. Master the entangled CMS
- 3. Direct a guarded agent build
6 modules · 32 lessons
Every lesson is a 6–20 minute sit that lands one complete capability. And every module closes hands-on, on your own portal — leaving you a durable artifact you keep: a blast-radius map, a data-source map, a token change proved on the live page, a cutover plan, a key register, a guarded-build run record. The Sitelift capstone — a CLI that rebuilds a live site as an editable HubSpot project — is included when it ships.
HubSpot Orientation: Map Before You Touch
Internalize why "don't break anything" can't be answered by reading files in HubSpot — and run the blast-radius moves on a real change before you make it.
- Set up your workshop
- The account is the source of truth — and you can't grep it
- Stable keys, cosmetic labels — and the guardrail that fires too late
- The seven places content hides
- Map a real blast radius
HubSpot CMS: Code, Content, and Data
Brief an agent to change themes, modules, and data wiring safely: know the code-vs-content seams, keep interactivity to islands, fetch through the right door, map every portal-hosted reference to its owner — and ship it knowing a deploy is a live publish.
- The CMS-React project shape
- Modules aren't plain React: islands and field contracts
- The four channels: where a module's data comes from
- HubDB and the CRM: referenced, never owned
- Forms straddle the scope line
- Global modules & the live-publish blast radius
- Ship a data-backed module: wire it, map it, ship it clean
Design System: Tokens, Themes, and the Editor Surface
Run a token-driven theme correctly — know which layer owns the tokens, hide the un-designed defaults, map a module's four styling layers, and prove a token change on the rendered portal page.
- Tokens don't live in theme.json — they ride a pipeline
- hidden_modules: the library you actively hide
- The style tab, and where CSS actually applies
- Ship a token-driven theme change
Templates, Blogs, and Site-Level Concerns
Plan a site cutover that accounts for all of it: templates routed by annotation, blogs switched with reverts captured, system templates activated, menus/domains/redirects moved in order — every step carrying its rollback.
- HubL templates and DnD nesting
- What staging can't touch: the blog and the site-wide layer
- Content staging vs. live: the parallel copy
- Plan a real site cutover
The Key Ring: Credentials and Agent Access
Identify any HubSpot credential by where it was minted and where it revokes — never by its string — and hand every agent job the narrowest key that can do it, recorded in a register your team and the next agent inherit.
- The key ring
- The dead key in the training data
- Scopes aren't permissions
- What the agent holds
- Run a key audit
Agent-Native HubSpot: MCP, Migrations, and Guardrails
Drive an agent build against a real account with every guardrail engaged — facts dated, reach mapped, the version deadline read from the live docs, writes explicit-request-only — and leave the run record the next build starts from.
- Facts, not memory — and the contexts that keep them
- The vendor ships the rules
- The developer MCP and its gaps
- The version clock and the migration runbook
- Source-audit an inherited site
- The structural write-lock
- Drive a guarded agent build
Who it’s for: operators, agencies, and RevOps teams pointing AI coding agents at live HubSpot accounts — where a wrong move ripples through automations you can’t see and there’s no clean undo.
This site ships the way the course says to
Every feature here ran through the same build workflow you’ll learn — each traced to a real, dated record in the changelog. Proof by use, not adjectives.
- ContentShipped Jun 28
Ship the HubSpot course as lessons grounded in a real portal.
- Requirements
- One capability per lesson; every HubSpot fact inside a sourced block.
- Feedback
- Reviewed each lesson against the live docs before merge.
- Testing
- pnpm verify kept nav links, cross-references, and the sourced blocks honest.
- ContentShipped Jun 28
Make every HubSpot fact in the course sourced and checkable.
- Requirements
- An 'In HubSpot' block citing a live doc + a verified date on every platform claim.
- Agent tasks
- A blast-radius skill and a knowledge base of verified HubSpot gotchas.
- Testing
- The doc-link + integrity checks keep every sourced fact honest.
- ContentShipped Jun 28
Teach the hard HubSpot mental models with hand-built interactives.
- Concept
- Islands (server-first vs. whole-page client) and the global-module fan-out.
- Feedback
- Reviewed each against real CMS-React behavior before merge.
- Ship
- Shipped inline in the lessons, reduced-motion aware.
Questions
- Do I get future updates?
- Yes. New lessons land as the platform and the agent tooling change, and they're included once you own the course.
- Which coding agent does it use?
- The moves are agent-agnostic — they work with any coding agent. Where specifics matter, verified walkthroughs use Claude Code and HubSpot's official MCP server, re-checked against the live docs on a dated cadence.
- Do I need a HubSpot account to take it?
- No. The first lesson walks you through standing up a free, throwaway practice portal — separate from any live site — and every hands-on exercise runs there. If you already have a production HubSpot account you can use that instead, but you don't need one to start.
- How long does it take?
- About 4 focused hours across 32 lessons. Each is a 6-to-20-minute sit — including the workshop setup that opens the course and the hands-on apply lesson that closes each module on your own portal.
- What if it's not for me?
- One-time purchases are refundable within 14 days if you haven't substantially used the course — email us and we'll review it in good faith. The full policy is on the refunds page.
Put an AI coding agent to work in HubSpot — safely.
$249 once, owned for good. 6 modules, 32 lessons.
Not ready to buy today?
Get a few sharp prompts and the occasional lesson by email — the same thinking the course goes deep on. No spam; unsubscribe anytime.
No spam. One note per release. Unsubscribe anytime.