Lab Grid

How fantasy-inspired personas have focused my AI coding agents into a balanced adventuring party with clear roles and boundaries.

Exploring parallelization and evaluator-optimizer patterns for higher quality agentic outputs.

Full-stack implementation with Effect RPC streaming, monorepo architecture, and type-safe AI integration from domain to UI.

Building four different agent architectures to solve the same problem - from simple loops to knowledge-dense approaches.

Understanding how AI agents think, act, and learn through iterative loops and carefully crafted context.

Exploring a declarative approach to data visualization by building a Grammar of Graphics-inspired component system using web components instead of JavaScript composition.

The journey of building a pretty-printing library from Haskell port to Effect ecosystem integration.

Creating a hook to validate query parameters using Effect.Schema

Applying what I learns at Effect Days 2025

Thoughts on how to use Effect in a clean architecture.

Diving deeping into Effect with practical patterns.

Exploring Effect as an evolution of my use of fp-ts.

Create a bar chart that displays the my skills built from the Occupation and Skill tables.

How I'm using SQLite in a Next.js app to create a read-only database.

Building a 3D background for the Outlier conf website using Three.js.

Exploring web sockets with Go and React. Building a simple cursor application with web sockets.

A step-by-step guide to setting up a Lit project with Tailwind CSS.

Create a mosaic design using Tailwind CSS for my website. A bento-style layout with a flexible grid system.

Learn how to use design tokens to create Tailwind themes and how to use them for my website.

Exploring fp-ts, and some of the less used functions. In this lab we will look at some of the other functions in fp-ts that I don't use as often.

Exploring fp-ts, building off the previous application to create a more oure network connection.

Exploring fp-ts, building a practical example.

Exploring fp-ts, looking at some of the more practical examples.

Exploring fp-ts, and some of the less documented features or practical examples.

Recreating my CV timeline with D3.

Creating an animated bee swarm chart using d3 and force simulation

Using the Brush from Visx; creating a timeline that is automaticaly moves with a set of controls to start and stop the timeline.

Learn how to create a brushable timeline with Visx

Experimenting with using Leva as a GUI for tweaking interactions.

This is a continuation of the previous post on bubble packing.

Experiments to nest bubbles in bubbles with D3 force layout

Getting a feel for how to apply D3 force in React

Getting Started with rebuilding my website with MDX and contentlayer

Learning to use Matter.js with P5.js

Create a timeline visualization of my CV

Learning to import P5.js into a React app

Creating examples for the Life of Plastic project to be used in the initial tutorial

Playing around with SVGs and anime.js

Playing around with SVGs and anime.js

Experimenting with SVG manipulation and animation in order to prepare for making the Life of Plastic project.