
Web Development — 2026 Week 11
Cross-cutting frontend topics, tooling, and DX Compiled for immediate developer deployment.


Under the hood: Security architecture of GitHub Agentic Workflows

My favorite way to write code in 2026 (on becoming a TDD addict)
until-selected custom element whose tests check only visibility states, never internal attributes like [hidden], meaning refactors never break the suite. The author also dismisses code coverage as a vanity metric — Playwright omits it entirely — arguing that exercising every public option and variant matters far more than hitting 100% line coverage.
Stop Starting, Start Finishing

Beyond the Hype: Vibe coding – Is this really how we'll build software?

Architecture for Flow • Susanne Kaiser & James Lewis
Independent tech consultant Susanne Kaiser joins GOTO Book Club host James Lewis to discuss her book "Architecture for Flow: Adaptive Systems with Domain-Driven Design, Wardley Maps, and Team Topologies." Kaiser explains how the three pillars complement each other: Wardley Maps reveal a value chain's evolution stages (genesis through commodity) that map naturally onto DDD's core/supporting/generic subdomain categories, informing build-vs-buy decisions; Team Topologies then aligns team shapes to bounded contexts. The centrepiece is her "Architect for Flow Canvas" — an opinionated workshop process that starts with current team structures and blockers, visualizes the business landscape via Wardley Maps, modularizes the solution space using DDD event storming, and defers team membership decisions to the very last step to prevent emotional attachment to org-chart outcomes. The book contains 126 illustrations, 125 hand-drawn, featuring 599 sticky notes.
Comprehension Debt - the hidden cost of AI generated code.
Addy Osmani coins "comprehension debt" — the widening gap between how much code exists and how much any human genuinely understands. Unlike technical debt, it breeds false confidence: tests are green, DORA metrics hold, but system knowledge quietly evaporates. A randomized controlled trial from Anthropic of 52 engineers found AI-assisted developers scored 17% lower on a follow-up comprehension quiz (50% vs. 67%), with the steepest declines in debugging. AI also inverts the classic review dynamic: a junior can now generate code faster than a senior can critically audit it, turning what was a quality gate into a throughput problem. Osmani's prescription is treating genuine understanding — not just passing tests — as a non-negotiable engineering constraint.

Architecture for Flow • Susanne Kaiser & James Lewis
Independent tech consultant Susanne Kaiser joins GOTO Book Club host James Lewis to discuss her book "Architecture for Flow: Adaptive Systems with Domain-Driven Design, Wardley Maps, and Team Topologies." Kaiser explains how the three pillars complement each other: Wardley Maps reveal a value chain's evolution stages (genesis through commodity) that map naturally onto DDD's core/supporting/generic subdomain categories, informing build-vs-buy decisions; Team Topologies then aligns team shapes to bounded contexts. The centrepiece is her "Architect for Flow Canvas" — an opinionated workshop process that starts with current team structures and blockers, visualizes the business landscape via Wardley Maps, modularizes the solution space using DDD event storming, and defers team membership decisions to the very last step to prevent emotional attachment to org-chart outcomes. The book contains 126 illustrations, 125 hand-drawn, featuring 599 sticky notes.
Under the hood: Security architecture of GitHub Agentic Workflows
GitHub engineers Landon Cox and Jiaxiao Zhou detail the three-layer security architecture behind GitHub Agentic Workflows: a substrate layer (runner VM plus isolated containers with kernel-enforced boundaries), a configuration layer (declarative artifacts controlling which components load and which tokens they receive), and a planning layer (staged execution with a safe-outputs subsystem). Agents — including Claude, Codex, and Copilot — receive zero direct access to secrets; LLM auth tokens live in an isolated API proxy, and MCP authentication sits in a dedicated gateway container. All writes are buffered through a safe-outputs pipeline that enforces per-run caps (e.g., at most three pull requests), content sanitization, and author-specified operation allowlists. Every trust boundary is logged end-to-end — network, model proxy, MCP gateway — to enable forensic reconstruction of any incident.
READ_FULL_LOGarrow_forwardMy favorite way to write code in 2026 (on becoming a TDD addict)
The author explains how abandoning implementation-detail testing in favor of pure input/output testing unlocked TDD as a daily practice. The workflow: sketch the desired HTML API for a web component, stub out behavior-only test cases in Playwright (which runs in real browsers and accepts plain HTML files), then write the actual component code until tests turn green. A concrete example shows an until-selected custom element whose tests check only visibility states, never internal attributes like [hidden], meaning refactors never break the suite. The author also dismisses code coverage as a vanity metric — Playwright omits it entirely — arguing that exercising every public option and variant matters far more than hitting 100% line coverage.
Stop Starting, Start Finishing
Sascha Becker distills ten years of running a software consultancy into seven delivery principles backed by Google's DORA research. The core insight: elite DORA teams deploy on demand with under one-hour lead times and 0-15% change failure rates, while low performers deploy monthly and take one to six months per change — and the gap is cultural, not technical. Practical prescriptions include a hard WIP limit of one to two tickets per developer (Little's Law shows halving WIP halves cycle time without adding headcount), a 24-hour PR review ritual, and a strict rule against scope expansion inside an open PR. Becker also references Spotify's squad experience, where strict per-squad WIP limits dropped cycle times without hiring, and Microsoft's Windows shift from three-year releases to continuous delivery under Satya Nadella.
READ_FULL_LOGarrow_forwardBeyond the Hype: Vibe coding – Is this really how we'll build software?
Scott Logic CTO Colin Eberhardt and architect Remi Van Goethem examine vibe coding through Steve Yegge's 8-stage adoption spectrum — from AI autocomplete copilot all the way to factory-floor multi-agent orchestration, where companies like Square already have most developers at stage five or six. Remi describes his Research-Plan-Implement (RPI) workflow: he used AI to extract a state machine from an unfamiliar Ruby on Rails codebase, generate realistic seed data, and annotate workflow screenshots, compressing what would have been weeks of domain research into days. Both speakers push back on the "anyone can code" narrative, arguing that engineering thinking — knowing what to build, not just how to build it — remains the scarce resource that AI cannot yet supply. Their conclusion: vibe coding is excellent for prototyping and domain research, but "doing something is cheap; knowing what to do is not."
READ_FULL_LOGarrow_forwardThe most thought-provoking piece this week came from Addy Osmani, who named and quantified a new kind of technical debt: comprehension debt. An Anthropic-run RCT of 52 engineers found that AI-assisted developers scored 17% lower on comprehension quizzes than their unassisted peers, with the steepest declines in debugging. Osmani's central argument — that genuine understanding, not passing tests, must be treated as a non-negotiable engineering constraint — became the week's north star for discussions about AI-augmented development.
That theme ran through Colin Eberhardt and Remi Van Goethem's deep dive into vibe coding, which used Steve Yegge's 8-stage adoption spectrum to situate where teams actually are: many enterprise developers are already at stage five or six, using AI not just for autocomplete but for multi-agent orchestration. Both essays agreed that knowing what to build — not just how to build it — remains the scarce resource AI cannot yet supply. The week's TDD guide reinforced the craft dimension: pure input/output testing in Playwright, divorced from implementation details, lets developers refactor fearlessly and exposes coverage metrics as the vanity measure they often are.
Architecture and delivery culture completed the picture. Sascha Becker's DORA-grounded delivery principles showed that WIP limits, 24-hour PR reviews, and no-scope-creep rules are cultural choices that separate elite teams from laggards — a fit companion to Susanne Kaiser's Architecture for Flow talk, which wove together Wardley Maps, DDD, and Team Topologies into a coherent workshop canvas. GitHub's security team detailed the three-layer trust model behind Agentic Workflows, providing a structural answer to the week's supply-chain fears.
- Comprehension debt is measurable: AI-assisted developers scored 17% lower on understanding quizzes in a 52-engineer RCT, with debugging hit hardest — genuine comprehension must be treated as a first-class engineering constraint.
- Elite DORA teams ship on demand with under one-hour lead times; WIP limits of one to two tickets per developer and 24-hour PR reviews are the two highest-leverage cultural levers to close the gap.
- Wardley Maps, DDD, and Team Topologies compose into a single workshop canvas (Architect for Flow) that aligns business strategy, domain boundaries, and team shapes before assigning people to roles.