How it started…

But then …

How it’s going…

And sometimes

also…

And even this…

Our job has changed

​

We all got promoted to team leads…

@tomastrajan

Since April 2026

@tomastrajan

TOMAS TRAJAN

I build, teach, write & speak about Angular

ANGULAREXPERTS.IO

Expert support

for successful

enterprise Angular

development!

@tomastrajan

WORKSHOP TRAINER

Modern Angular & NgRx,

WORKSHOP TRAINER

@tomastrajan

ANGULAR BLOG

🔗angularexperts.io/blog

@tomastrajan

SPEAKER

@tomastrajan

4.5B

tokens

@tomastrajan

An insane value arbitrage

• Paid ~ 300 USD (plus then pro)

​

• Estimated enterprise cost (with assumptions)
• 80% / 20% tokens IN / OUT
• ~ 40% cached tokens

​

• ~ 36’000,- USD worth of value

​

• +12,000% ROI 🤯

​

@tomastrajan

Where did it all go

• OMNIBOARD (product)
• Client work
• Automation (skills / processes / extensions)
• Pet projects (coffee machine app, …)

@tomastrajan

@tomastrajan

Also for the client work…

@tomastrajan

@tomastrajan

OMNIBOARD LoC changed

@tomastrajan

LoC LoC LoC but what does that mean

• Many new features
• New check types and dashboard item types
• Many UI / UX improvements
• Agentic checks and OMNIBOARD MCP for auto-fixing
• Analytics
• Report bug / feedback suggestion collection system

Refactors and migrations for Signals and NgRx

@tomastrajan

100k+

LoC changed in ~2.5 months

@tomastrajan

Didn’t hit the wall,

(almost) no slop

How come?!?!?

@tomastrajan

It gets better

• Initially ZERO unit tests
• Maybe max THREE e2e tests
• Changes directly to prod
• And zero downtime?!

@tomastrajan

Architecture & patterns matter.

@tomastrajan

Clean Architecture™

equals

ISOLATION

@tomastrajan

ISOLATION

equals

IMPL DOESN’T* MATTER

(as much as before)

@tomastrajan

ISOLATION

equals

PARALLELIZED WORK

(even without worktrees)

@tomastrajan

ISOLATION >>> DRY

BEFORE

@tomastrajan

ISOLATION >>>>>>>>>>>>>>>>

DRY

AFTER

@tomastrajan

ISOLATION

equals

PREVENTING WRONG IMPORTS

@tomastrajan

@tomastrajan

Automated architecture

validation with

eslint-plugin-boundaries

@tomastrajan

Clean dependency graph between parts of the codebase

​

@tomastrajan

Enterprise architecture (e)book

• V2.5 out now
• Angular 20
• Standalone first
• Example repo
• 180+ pages of content
• 8+ years of experience
• Lifetime access

@tomastrajan

@tomastrajan

@tomastrajan

Automated architecture (validation) as a skill

• Agent knows about the arch concepts
• Agent can run lint to auto-validate correctness
• === solved concern
• Only review created / touched files location
• Only high level feedback, extract X as ui/ or pattern/ when expecting reuse, or make a new feature/

@tomastrajan

@tomastrajan

What about the official angular-developer skill

@tomastrajan

Agents are great at following established patterns in the codebase

@tomastrajan

Official angular-developer skill

• Great when first starting working on a new project
• Great for migration from old to new APIs (new releases)
• Less important once codebase contains enough impl
• I never call it explicitly besides migration to new APIs

@tomastrajan

What about state management?!

@tomastrajan

COMMON PATTERNS

>>>>>>

custom abstractions

(NgRx global store has only 5 concepts, and some verbosity)

@tomastrajan

@tomastrajan

@tomastrajan

State management with NgRx

• Just 5 dedicated building blocks
• Repeatable patterns and approaches
• 1st class support to retrieve router state anywhere (router-store vs withComponentInputBinding())

​

• Verbosity is free*

@tomastrajan

Skills as workflows

@tomastrajan

@tomastrajan

SUMMARY

• Clean Architecture / ISOLATION is king
• Use skills to establish codebase patterns
• Agents follow patterns pretty well
• High level reviews, impl matters less
• Skills for workflows
• Minimal AGENTS.md rules for recurring mistakes only
• Works better for LOGIC vs UI ( ~10 x more prompts required )
• Parallelization of bigger tasks with sub-agents

@tomastrajan

Let’s check

the code

@tomastrajan

THANK YOU and LET’S TALK!

Follow me

@tomastrajan