Learning Path

Part 1 · Calm Rituals ✓
↓
Part 2 · Ship Field Notes ✓
↓
📍 Part 3 · Systems, Automation, Ops

Final stage

Expert · 44 minSystems · AutomationRollback · AI governance
IntermediateAll Labs
10 min

Dual-Content Architecture

Design wrapper/theory/simulation systems with device-aware logic, BackButton order, and collapsible panels.

Rituals

  • Draw the wrapper → theory → simulation flow.
  • Use `useDeviceType` to gate mobile vs. desktop layouts.
  • Keep theory collapsible with BackButton first.
  • Document before/after file diff for posterity.

Challenges

  • Build the TypeScript skeleton with props and state.
  • Explain z-index/pointer-event rules.
12 min

Automation Ladder

Move from manual checklists to deploy scripts to CI/CD by wiring lint/type/test/build gates and ROI calculators.

Rituals

  • Create annotated `deploy-to-vercel.ps1`.
  • Add ROI calculation (time saved/deploy).
  • Log script failures + fixes.

Challenges

  • Convert manual checklist to script.
  • Simulate CI output.
12 min

Release & Rollback

Practice Fire Drill Fridays, chaos engineering, and rollback decision matrices.

Rituals

  • Record deployment ID + timestamp.
  • Run `vercel rollback`, note duration.
  • Document chaos drill in incident template.

Challenges

  • Break preview (missing env), catch via logs.
  • Run rollback drill timer.
10 min

AI Guardrails & Governance

Use scorecards, session logs, and escape hatch flows so AI contributions are reviewable and safe.

Rituals

  • Log each AI session (goal, plan, transcript link).
  • Maintain secrets/PII policy in AI_PRACTICES.md.
  • Document manual overrides and lessons.

Challenges

  • Fill scorecard, identify weakest area.
  • Write escape hatch flow.
10 min

Analytics, Accessibility & Retros

Review metrics dashboards, run accessibility audits, and log retro loops with rule updates.

Rituals

  • Capture Lighthouse + Vercel Analytics snapshots.
  • Run keyboard/contrast checks, log results.
  • Write retro entry (Impact → Fix → Rule).

Challenges

  • Complete ops bingo card.
  • Fill incident mad libs template.

Challenge mode: complete the automation ladder, run a rollback drill, and fill the AI governance scorecard—then export your Ops Kit summary.

Automation Ladder

# deploy-to-vercel.ps1
npm run lint          # Catch Tailwind/pointer-event issues
if ($LASTEXITCODE -ne 0) { exit 1 }

npm run type-check    # TypeScript strict mode
if ($LASTEXITCODE -ne 0) { exit 1 }

npm test -- --coverage  # Keep coverage visible
if ($LASTEXITCODE -ne 0) { exit 1 }

vercel --prod --yes   # Deploy only when gates pass

Release & Rollback Drills

No drills logged yet

Rollback decision matrix

  • 404 on new route → medium severity → hotfix forward or rollback if > 15 min.
  • Env var missing → high severity → rollback immediately, fix env, redeploy.
  • Styling bug → low severity → hotfix forward (document in dev log).
  • Data corruption → critical → rollback, open incident, run retro.

AI Guardrails & Governance

Governance scorecard In progress

Analytics · Accessibility · Retro

Accessibility audit pending

Ops Ritual Bingo

Final Summary

Automation

In progress

Rollback Drills

In progress

AI Governance

In progress

Analytics & Retro

In progress

Ops Kit Export

{
  "automation": {
    "manual": true,
    "script": false,
    "ci": false,
    "zeroTouch": false,
    "roiMinutes": "",
    "bugNotes": ""
  },
  "rollback": {
    "lastDuration": "",
    "notes": "",
    "chaosCompleted": false
  },
  "governance": {
    "sessionLog": "",
    "secretsPolicy": false,
    "overridesLogged": false,
    "scorecard": {
      "sessionLogs": "low",
      "secrets": "low",
      "debt": "low",
      "override": "low"
    }
  },
  "analytics": {
    "lighthouseMobile": "",
    "lighthouseDesktop": "",
    "analyticsNotes": "",
    "accessibilityDone": false,
    "retroEntry": "",
    "bingo": {
      "rollback": false,
      "previewBug": false,
      "aiPractices": false,
      "lighthouse90": false,
      "retro24h": false,
      "automationStep": false,
      "analyticsReview": false,
      "dnsDrill": false,
      "aiReview": false
    }
  }
}
Back to Intermediate
Complete all sections to earn your badge
Back to Labs