Home  /  Modules  /  Module 07
MODULE 07 · advanced · ~75 min

How We Claude Code

A three-phase walkthrough of an AI-assisted product workflow: interview to spec, four divergent design explorations as static HTML, then a Vite + React app whose components emit a machine-readable DOM contract an agent can verify at runtime.

This module is being built

Module 1 is the fully-developed reference. This page captures everything needed to expand Module 07 next: its scenario, learning objectives, and source material.

See a finished module →

Planned learning objectives

  • Turn a stakeholder interview into a written spec.
  • Generate and compare four divergent design explorations as static HTML.
  • Implement the chosen design as a Vite + React app.
  • Emit a machine-readable DOM contract so an agent or CI can verify components at runtime.

Source material

This module adapts cwc-workshops/how-we-claude-code (Apache-2.0). The build will follow the standard module template: scenario, objectives, setup, walkthrough with checkpoints, assessment, and stretch goals — the same shape as Module 1.

View the upstream workshop on GitHub →