Web Architect
building scalable
digital products.

Six things I keep coming back to.

1. 01

   Simplicity over complexity

   Building systems that remain understandable as they grow — fewer moving parts, sharper boundaries.

2. 02

   Product-driven engineering

   Technology decisions should improve user experience and business outcomes, not optimise for the resume.

3. 03

   Performance is product

   Fast interfaces shape perception, usability and retention. Speed is a feature, not a polish phase.

4. 04

   Accessibility by default

   Inclusive interfaces are part of good engineering. Semantics and keyboard paths come first, not last.

5. 05

   AI as augmentation

   Using AI to accelerate execution while keeping engineering judgement and architectural intent.

6. 06

   Developer experience

   Internal tooling, clear conventions and short feedback loops compound product velocity.

Areas I'm actively building, writing and thinking about.

• AI-assisted development workflows
• Frontend architecture with Signals
• Scalable Angular applications
• Product engineering
• Observability & performance
• Design systems
• System design
• UX-driven engineering

• May 12, 2026 3 min

  Persisting Windsurf context across sessions with rules

  A simple Windsurf workflow to carry context across sessions using rules, avoiding token bloat and keeping AI work …

  • windsurf
  • ai-assisted-development
  • developer-experience
  • workflow
• Apr 25, 2026 5 min

  Turning PR comments into an actionable plan with MCP

  Using Jira and GitHub MCP servers to analyze, classify and plan fixes for PR review comments without leaving the editor.

  • mcp
  • ai
  • workflow
  • developer-experience
  • github
  • jira
• Apr 10, 2026 4 min

  When AI assistants fail and a forum link saves the day

  A small n8n permissions issue reminded me that AI assistants still struggle with niche operational problems where …

  • ai-assisted-development
  • tooling
• Mar 24, 2026 5 min

  Closing the PR review loop with Windsurf and GitHub CLI

  Notes on building a tighter feedback loop between PR reviews, Windsurf and the GitHub CLI to make AI-assisted reviews …

  • ai-assisted-development
  • tooling

• Personal · 2026

  QuizCurious

  An AI-assisted quiz platform for curious minds — turn any topic into a tailored quiz and learn by playing.

  Angular · Nx · NestJS · Postgres · Prisma visit →
• Personal · 2024

  Randmenu

  A decision-reduction nutrition planner. Built around fast weekly planning and a usability-first interface.

  Angular · Firebase
• Open source · 2.4k★

  Angular Example App

  A reference architecture for Angular applications. Patterns for project structure, state and feature boundaries — used as a learning resource by thousands of developers.

  Angular · NestJS source →
• Open source · 200 DL

  ngx-scroll-to-first-invalid

  Open-source library that improves form accessibility by guiding users to the first invalid field.

  Angular Library source →

Architecture

Scalable frontend systems · Monorepos · Feature-driven architecture · SSR / SSG · Observability · Performance optimisation

Product engineering

UX collaboration · Accessibility · Experimentation · Analytics · Developer experience · AI-assisted workflows

Core technologies

Angular · TypeScript · NestJS · PostgreSQL · Nx · Playwright · LitElement