Writing
Notes on AI, agents, web technologies, and building with LLMs
Technical articles on AI integration, agents, agent harnesses, MCP, web technologies, and emerging tools. Working notes from a Google Developer Expert with 25+ years of building and teaching.
224 articles · Page 1 of 23
Filter by tag ▾
- All posts
- ADK
- AI
- API
- Agentic AI
- Agents
- Angular
- AngularJS
- Bash
- CSharp
- Cloudinary
- Conference
- Core Web Vitals
- DevFest
- DevRel
- Developer Tools
- Firebase
- Frontend
- Function Calling
- Gemini
- Ghost
- Google ADK
- Google chrome
- GraphQL
- Image Formats
- Image Optimisation
- Jamstack
- JavaScript
- LLM
- Large Language Models
- Learn To Code
- MCP
- MEAN
- Machine Learning
- Memory
- MongoDB
- MySQL
- NLP
- Next.js
- NoSQL
- Node.js
- PHP
- Performance
- Polymer
- Progressive Web App
- Progressive Web Apps
- RAG
- React
- Recruitment
- Review
- RxJS
- Serverless
- Service Worker
- Sponsored
- Taipei
- Thought Leadership
- Tooling
- Transformers.js
- TypeScript
- VMware
- Veo
- Vercel AI SDK
- Vue.js
- Web Assembly
- Web Development
- Web Performance
- this || that
-
The Agent-as-Tool Pattern
When reflection needs more than a fixed iteration count, let an LLM orchestrate. A Star Wars crew architect built with Google ADK that scouts, validates, and re-scouts until the crew holds up.
-
The Coordinator Agent Pattern
When the shape of the request decides the shape of the work, let an LLM dispatch. An agent coordinator built with Google ADK that routes requests to sequential, parallel, and single sub-agent teams on the fly.
-
Harness - A Local Managed Agent in Four Planes
Anthropic decoupled their agent into brain, hands, and session. I built a local TypeScript version in roughly 2,400 lines to see what the architecture actually feels like when you type it out.
-
The Loop Agent Pattern
When one pass is not enough, let agents iterate. A playlist curator built with Google ADK that generates songs, verifies them against MusicBrainz, and refines until every track checks out.
-
The Sequential Agent Pattern
Chaining multiple specialised agents into a pipeline where each one builds on the last. Illustrated with a TypeScript CLI that fetches a quote, researches its author, and writes an inspiration card.
-
The Parallel Agent Pattern
When agents do not depend on each other, run them at the same time. Illustrated with a TypeScript translation pipeline built with Google ADK that translates a phrase into three languages simultaneously, then aggregates the results with Gemini.
-
The Single Agent Pattern
A look at the simplest agentic AI pattern: one model, one tool, zero orchestration. Illustrated with a tiny TypeScript agent built with the Google Agent Development Kit (ADK) that uses Gemini and Google Maps to review any place by name.
-
Watch the Past Move: Animating Historic Photos with Gemini and Veo
What if you could take a dusty old black-and-white photograph and watch it come to life? In this post, I walk through a Node.js pipeline that colorises historic photos with Gemini and then animates them into video using Veo 3.1.
-
Building a Historical Time Machine with Gemini and Google Maps
Have you ever wondered what your favourite landmark looked like a hundred years ago? In this post, I walk you through a Node.js application that generates historically accurate photographs of any real-world location at any point in time, and even checks its own work for anachronisms.
-
Why How You Split Your Documents Matters More Than You Think
Before you reach for a more powerful embedding model or a larger context window, look at what you're actually feeding into a RAG pipeline. Sometimes the highest-leverage improvement isn't a better model but rather it's a better split.