Lab Grid
okfknowledge-graphragllmeffect
Exploring OKF as a storage layer, vector RAG as a concept retriever, and OKG as an application-layer graph for building focused LLM context.
effectclituicomponent-library
How Prompt.custom and effect-boxes combine into a minimal but powerful component system for terminal interfaces.
effectclidddtuiscaffolding
Applying domain-driven design to build a scaffolding CLI with Effect, with honest takeaways on LLM-assisted solo development.
effectmcpdata visualization
A build log of my MCP Apps experiment: white-label chart widgets that let chat clients render Plot-based visualizations on demand.
effectragchunkertokenizeragentic workflows
Explore the impact of chunkers and tokenizers on Retrieval-Augmented Generation (RAG) performance. This lab demonstrates how different chunking strategies can enhance the effectiveness of RAG systems, providing insights into optimizing agentic workflows.
effectagentic workflowsmcptooling
My exploration of dynamic tools with effect. How dynamic tools can be used to create agentic workflows using external services through mcp.
devcontainersdockertoolingworkflow
How I use dev containers to isolate tooling, standardize setup, and bounce between wildly different projects.
agentic-codingllmpersonascontext-engineering
How fantasy-inspired personas have focused my AI coding agents into a balanced adventuring party with clear roles and boundaries.
effecteffect-aiagent-workflowsllm
Exploring parallelization and evaluator-optimizer patterns for higher quality agentic outputs.
effectrpcmonorepoeffect-ai
Full-stack implementation with Effect RPC streaming, monorepo architecture, and type-safe AI integration from domain to UI.
effecteffect-aiagent-workflowsllm
Building four different agent architectures to solve the same problem - from simple loops to knowledge-dense approaches.
agentic-loopcontext-engineeringllm
Understanding how AI agents think, act, and learn through iterative loops and carefully crafted context.
web-componentsvisualizationgrammar-of-graphicslit
Exploring a declarative approach to data visualization by building a Grammar of Graphics-inspired component system using web components instead of JavaScript composition.
effecthaskellpretty-printingtypescript
The journey of building a pretty-printing library from Haskell port to Effect ecosystem integration.
effectschemavalidation
Creating a hook to validate query parameters using Effect.Schema
effectfunctional-programmingclean-architecture
Applying what I learns at Effect Days 2025
effectfunctional-programmingclean-architecture
Thoughts on how to use Effect in a clean architecture.
effectfunctional-programmingfp-ts
Diving deeping into Effect with practical patterns.
effectfunctional-programmingfp-ts
Exploring Effect as an evolution of my use of fp-ts.
databasedrizzlesqlite
Create a bar chart that displays the my skills built from the Occupation and Skill tables.
databasedrizzlesqlite
How I'm using SQLite in a Next.js app to create a read-only database.
three.js
Building a 3D background for the Outlier conf website using Three.js.
goweb-socketsreact
Exploring web sockets with Go and React. Building a simple cursor application with web sockets.
littailwindweb-components
A step-by-step guide to setting up a Lit project with Tailwind CSS.
designtailwind
Create a mosaic design using Tailwind CSS for my website. A bento-style layout with a flexible grid system.
design tokenstailwind
Learn how to use design tokens to create Tailwind themes and how to use them for my website.
fp-tsio-tsfunctional-programming
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.
fp-tsio-tsfunctional-programming
Exploring fp-ts, building off the previous application to create a more oure network connection.
fp-tsio-tsfunctional-programming
Exploring fp-ts, building a practical example.
fp-tsio-tsfunctional-programming
Exploring fp-ts, looking at some of the more practical examples.
fp-tsfunctional-programming
Exploring fp-ts, and some of the less documented features or practical examples.
guid3physics
Creating an animated bee swarm chart using d3 and force simulation
visxd3simulation
Using the Brush from Visx; creating a timeline that is automaticaly moves with a set of controls to start and stop the timeline.
guid3physics
Experimenting with using Leva as a GUI for tweaking interactions.
d3physics
This is a continuation of the previous post on bubble packing.
Experiments to nest bubbles in bubbles with D3 force layout
frontendmdx
Getting Started with rebuilding my website with MDX and contentlayer
frontendanimation
Creating examples for the Life of Plastic project to be used in the initial tutorial
frontendanimation
Experimenting with SVG manipulation and animation in order to prepare for making the Life of Plastic project.