<Notes of dev/>

Notes of Dev — frontend engineering, AI, and building interfaces

Three nested concentric frames — a single dot (context) inside a loop arrow (loop) inside a network of nodes (graph) — showing each layer wrapping the one before it.

Context, Loop, and Graph engineering

August 4, 2026•14 min read

They are nested layers, not rival techniques. What each one does, when it's enough, and when to reach for the next.

A marble observatory on a plateau at golden dawn with a giant sundial and armillary sphere.

The AI agent ROI playbook

July 21, 2026•28 min read

The measurement machinery for AI agents: a self-test against your own past, a PM dashboard you refresh in one command, and the role-by-role setup that makes ROI real.

A colossal marble balance scale in a bright valley: a pan heaped with gold floats weightless while one glowing stone tips the beam.

How to measure AI agent ROI

July 4, 2026•25 min read

Measuring AI agent ROI without fooling yourself: outcomes over activity, how to catch an agent going bad, and why product teams and outsourcing teams count it differently

A grand marble temple on solid bedrock in a sunlit valley, with small scattered ruins fading into morning haze.

The complete AI coding agent setup for Claude Code and Copilot

July 24, 2026•23 min read

The files, context, and workflow that turn an AI coding agent into consistent, reviewable output — set up once, for both Claude Code and Copilot.

Armored defenders on a city rampart fire energy rifles at incoming bug-droids and dripping virus creatures, while engineers in hardhats build a glowing futuristic city behind them.

Dependabot, CodeQL, and the install delay

June 6, 2026•15 min read

The GitHub-native guardrails most repos enable backwards or not at all — Dependabot, CodeQL, SECURITY.md, an install delay, and an auto-merge workflow.

Pop-art illustration of a man in glasses and a black roll-up-sleeve shirt sitting in his home workspace with one hand on his chin, gazing across the room at a framed painting of anthropomorphic dogs playing poker around a card table.

Where developers pivot in the AI era

May 29, 2026•9 min read

Only 2.5% of AI engineering roles target juniors. 'AI Engineer' has fragmented into ten. Here are the high-potential roles, the ones worth watching, the ones to skip — and what not to skip on the way.

Storyblok and Next.js logos suspended inside translucent glass capsules on a gradient background

Storyblok and Next.js: the complete setup in 2026

May 13, 2026•34 min read

What Storyblok actually is, the five primitives every Next.js integration runs on, and the full App Router setup — including the bits that bite once real editors start clicking around.

A purple geometric shape with network nodes inside, floating against a light background with subtle lines and dots radiating outward.

How to actually live in an Obsidian vault

May 5, 2026•15 min read

Capture cheaply, link liberally, crystallize manually — the working loop that turns an Obsidian vault from a graveyard into a queryable archive of your own thinking.

Isometric view of an Asian-inspired temple complex with red-roofed pavilions around a central pond, surrounded by pathways and trees.

A complete guide of using Claude Code + NotebookLM + Obsidian

May 1, 2026•40 min read

Step-by-step setup of a research workflow that combines Claude Code, NotebookLM, and Obsidian — with the four skill prompts you need to copy-paste.

Person with headphones coding in a neon-lit room, rainy city view, console, and cat. Cyber café sign and vibrant decor around.

ESLint Flat Config for Next.js 16: The Complete Setup Guide

April 15, 2026•6 min read

Upgraded to Next.js 16 and your linting just… stopped working? Yeah, same. Here's everything that broke for me and how I fixed it — so you don't have to waste a whole afternoon like I did.

Illustration of a robotic assembly line with mechanical hands stamping documents and a magnifying glass inspecting papers.

Harness Engineering: The Discipline After the Hype

April 9, 2026•16 min read

"It feels faster" isn't a metric. "The vibes are good" doesn't pass an audit. Here's how to actually prove your AI-assisted workflow is working — with numbers, not feelings.

Flowchart illustrating six steps: brainstorm, plan, implement, validate, secure, and ship, with related icons for each step.

Your AI Just Introduced a CVE And Nobody Noticed

April 9, 2026•16 min read

An AI wrote 200 lines of auth code in 45 seconds. Three weeks later, the security audit found a deprecated library, a race condition, and tokens stored in localStorage...

Illustration of a workbench with scientific and engineering tools, including gears, atoms, wrenches, and a microscope in pastel colors.

The Tools Behind Every AI Workflow That Actually Works

April 8, 2026•17 min read

OpenSpec, Spec-Kit, BMAD, Superpowers — the framework landscape is exploding. I've used them all across real projects. Here's which one actually deserves your time, based on how you work.

Four people in an office setting, discussing a flowchart on a screen. One presents while others hold a tablet, a clipboard, and a laptop.

Context Engineering Is a Team Sport

April 8, 2026•17 min read

Ask your PM and your lead dev to describe the sprint goals. If you get two different answers, no amount of CLAUDE.md magic will save you. Context engineering is a team sport — here's how every role plays.

Illustration of a person at a desk with a laptop, surrounded by floating tech icons, gears, and coding symbols, against a gradient background.

How One File in Your Project Root Changes Everything About AI Coding

April 8, 2026•15 min read

One file in your project root. Ten minutes to set up. The difference between an AI that knows your codebase and one that thinks every project uses Redux. Here's the exact setup for Claude Code, Cursor, Windsurf, and Copilot.

A developer sitting at a desk looking frustrated, talking to a floating AI chat bubble that shows a confused face with question marks. Around the desk are scattered sticky notes and repeated written instructions. The AI bubble is transparent and fading, suggesting it forgets everything

The Goldfish Problem: Why Your AI Forgets Everything the Moment You Close the Tab

April 6, 2026•11 min read

You've typed your tech stack into Claude for the 47th time this month. There's a name for what you should be doing instead — and it changes everything about how you work with AI.

A boy sits on a hill at sunset, reading a book and overlooking a futuristic city with tall skyscrapers and glowing lights.

Dawn of a New Era — Or the Slow Fade of Everything We Took for Granted

March 27, 2026•16 min read

How AI is changing the way we think, work, and connect — from someone who builds the interfaces you use every day.