⚠ Pitfalls Wall

Scar-tissue lessons from 20+ past projects. Filter by archetype, severity, or phase. Toggle Teaching Mode in the nav to reveal the why behind each fix.

Each card is a single mistake — the kind that took half a day to debug or shipped to production before being caught — and the simple fix that worked. Common categories include CSS specificity wars in dark-mode toggles, localStorage schema migrations that silently dropped user data, GitHub Pages cache lag, mismatched scroll-to-anchor targets after lazy-rendering, image CLS from missing dimensions, accessibility regressions when components fall back to display:none, and the Anthropic API truncation when prompt+context exceeds the cache miss threshold. Use this as a pre-flight checklist before shipping anything new in the same archetype.