https://www.lloydrichards.dev Digital playground of Lloyd Richards, a designer and developer. en-us https://www.lloydrichards.dev057-dynamic-tools My exploration of dynamic tools with effect. How dynamic tools can be used to create agentic workflows using external services through mcp. Mon, 16 Mar 2026 00:00:00 GMT https://www.lloydrichards.dev057-dynamic-tools https://www.lloydrichards.dev056-dev-containers How I use dev containers to isolate tooling, standardize setup, and bounce between wildly different projects. Fri, 20 Feb 2026 00:00:00 GMT https://www.lloydrichards.dev056-dev-containers https://www.lloydrichards.dev055-forming-the-party How fantasy-inspired personas have focused my AI coding agents into a balanced adventuring party with clear roles and boundaries. Thu, 18 Dec 2025 00:00:00 GMT https://www.lloydrichards.dev055-forming-the-party https://www.lloydrichards.dev054-advanced-agent-patterns Exploring parallelization and evaluator-optimizer patterns for higher quality agentic outputs. Fri, 12 Dec 2025 00:00:00 GMT https://www.lloydrichards.dev054-advanced-agent-patterns https://www.lloydrichards.dev053-agentic-chat-app Full-stack implementation with Effect RPC streaming, monorepo architecture, and type-safe AI integration from domain to UI. Tue, 09 Dec 2025 00:00:00 GMT https://www.lloydrichards.dev053-agentic-chat-app https://www.lloydrichards.dev052-agent-workflows Building four different agent architectures to solve the same problem - from simple loops to knowledge-dense approaches. Sat, 06 Dec 2025 00:00:00 GMT https://www.lloydrichards.dev052-agent-workflows https://www.lloydrichards.dev051-agentic-loop Understanding how AI agents think, act, and learn through iterative loops and carefully crafted context. Sun, 30 Nov 2025 00:00:00 GMT https://www.lloydrichards.dev051-agentic-loop https://www.lloydrichards.dev050-grammar-of-graphics-web-components Exploring a declarative approach to data visualization by building a Grammar of Graphics-inspired component system using web components instead of JavaScript composition. Sat, 22 Nov 2025 00:00:00 GMT https://www.lloydrichards.dev050-grammar-of-graphics-web-components https://www.lloydrichards.dev049-effect-boxes The journey of building a pretty-printing library from Haskell port to Effect ecosystem integration. Fri, 03 Oct 2025 00:00:00 GMT https://www.lloydrichards.dev049-effect-boxes https://www.lloydrichards.dev048-useSchemaParam Creating a hook to validate query parameters using Effect.Schema Sun, 25 May 2025 00:00:00 GMT https://www.lloydrichards.dev048-useSchemaParam https://www.lloydrichards.dev047-effect-service Applying what I learns at Effect Days 2025 Wed, 02 Apr 2025 00:00:00 GMT https://www.lloydrichards.dev047-effect-service https://www.lloydrichards.dev046-effect-clean Thoughts on how to use Effect in a clean architecture. Fri, 07 Feb 2025 00:00:00 GMT https://www.lloydrichards.dev046-effect-clean https://www.lloydrichards.dev045-effect-practical Diving deeping into Effect with practical patterns. Fri, 07 Feb 2025 00:00:00 GMT https://www.lloydrichards.dev045-effect-practical https://www.lloydrichards.dev044-effect-basics Exploring Effect as an evolution of my use of fp-ts. Fri, 07 Feb 2025 00:00:00 GMT https://www.lloydrichards.dev044-effect-basics https://www.lloydrichards.dev043-skill-bar-chart Create a bar chart that displays the my skills built from the Occupation and Skill tables. Sun, 26 Jan 2025 00:00:00 GMT https://www.lloydrichards.dev043-skill-bar-chart https://www.lloydrichards.dev042-read-only-database-in-nextjs How I'm using SQLite in a Next.js app to create a read-only database. Fri, 17 Jan 2025 00:00:00 GMT https://www.lloydrichards.dev042-read-only-database-in-nextjs https://www.lloydrichards.dev041-outlier-background Building a 3D background for the Outlier conf website using Three.js. Mon, 13 Jan 2025 00:00:00 GMT https://www.lloydrichards.dev041-outlier-background https://www.lloydrichards.dev040-ghost-sockets Exploring web sockets with Go and React. Building a simple cursor application with web sockets. Fri, 10 Jan 2025 00:00:00 GMT https://www.lloydrichards.dev040-ghost-sockets https://www.lloydrichards.dev039-lit-with-tailwind A step-by-step guide to setting up a Lit project with Tailwind CSS. Wed, 08 Jan 2025 00:00:00 GMT https://www.lloydrichards.dev039-lit-with-tailwind https://www.lloydrichards.dev038-mosaic-design Create a mosaic design using Tailwind CSS for my website. A bento-style layout with a flexible grid system. Sat, 04 Jan 2025 00:00:00 GMT https://www.lloydrichards.dev038-mosaic-design https://www.lloydrichards.dev2403-ipen-plastic-map Interactive map of global plastic pollution data for IPEN. Built fullstack app using Next.js, PostgreSQL, and D3. Designed map interactivity and backend filters for dynamic loading. Fri, 01 Nov 2024 00:00:00 GMT https://www.lloydrichards.dev2403-ipen-plastic-map https://www.lloydrichards.dev2402-cancer-monitoring-dashboard Data exploration dashboard using React and D3 to visualize cancer trends in Switzerland. Implemented filtering logic, tooltips, and accessible UX patterns. Tue, 01 Oct 2024 00:00:00 GMT https://www.lloydrichards.dev2402-cancer-monitoring-dashboard https://www.lloydrichards.dev2401-competitiveness-outlook-data-hub Interactive data storytelling platform built using fullstack technologies. Created backend logic for scoring systems and visual data transitions. Mon, 01 Jul 2024 00:00:00 GMT https://www.lloydrichards.dev2401-competitiveness-outlook-data-hub https://www.lloydrichards.dev2400-outlier-micro-frontend Localized schedule builder using micro-frontend architecture. Next.js frontend with modular deployment. Backend powered by Supabase + PostgreSQL. Wed, 12 Jun 2024 00:00:00 GMT https://www.lloydrichards.dev2400-outlier-micro-frontend https://www.lloydrichards.dev037-theming-design-tokens Learn how to use design tokens to create Tailwind themes and how to use them for my website. Sat, 17 Feb 2024 00:00:00 GMT https://www.lloydrichards.dev037-theming-design-tokens https://www.lloydrichards.dev2301-migration-initiatives-map Interactive map of migration initiatives in Niger. Built with Next.js and MapLibre, integrated with IOM's CMS for real-time updates. Mon, 06 Nov 2023 00:00:00 GMT https://www.lloydrichards.dev2301-migration-initiatives-map https://www.lloydrichards.dev036-fp-ts-under-utilized 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. Sat, 14 Oct 2023 00:00:00 GMT https://www.lloydrichards.dev036-fp-ts-under-utilized https://www.lloydrichards.dev035-fp-ts-useTaskEither Exploring fp-ts, building off the previous application to create a more oure network connection. Sun, 08 Oct 2023 00:00:00 GMT https://www.lloydrichards.dev035-fp-ts-useTaskEither https://www.lloydrichards.dev034-fp-ts-application Exploring fp-ts, building a practical example. Thu, 05 Oct 2023 00:00:00 GMT https://www.lloydrichards.dev034-fp-ts-application https://www.lloydrichards.dev033-fp-ts-practical Exploring fp-ts, looking at some of the more practical examples. Wed, 04 Oct 2023 00:00:00 GMT https://www.lloydrichards.dev033-fp-ts-practical https://www.lloydrichards.dev032-fp-ts-basics Exploring fp-ts, and some of the less documented features or practical examples. Tue, 03 Oct 2023 00:00:00 GMT https://www.lloydrichards.dev032-fp-ts-basics https://www.lloydrichards.dev031-timeline-v2 Recreating my CV timeline with D3. Sun, 02 Jul 2023 00:00:00 GMT https://www.lloydrichards.dev031-timeline-v2 https://www.lloydrichards.dev2300-sustainability-discourse-map Data visualization of critical aspects of the current and past discourse around urban sustainability in Zürich. Wed, 28 Jun 2023 00:00:00 GMT https://www.lloydrichards.dev2300-sustainability-discourse-map https://www.lloydrichards.dev030-bee-swarm-chart Creating an animated bee swarm chart using d3 and force simulation Fri, 09 Jun 2023 00:00:00 GMT https://www.lloydrichards.dev030-bee-swarm-chart https://www.lloydrichards.dev029-play-stop-timeline Using the Brush from Visx; creating a timeline that is automaticaly moves with a set of controls to start and stop the timeline. Fri, 09 Jun 2023 00:00:00 GMT https://www.lloydrichards.dev029-play-stop-timeline https://www.lloydrichards.dev028-brushable-timeline Learn how to create a brushable timeline with Visx Thu, 08 Jun 2023 00:00:00 GMT https://www.lloydrichards.dev028-brushable-timeline https://www.lloydrichards.dev027-interaction-gui Experimenting with using Leva as a GUI for tweaking interactions. Tue, 06 Jun 2023 00:00:00 GMT https://www.lloydrichards.dev027-interaction-gui https://www.lloydrichards.dev026-optimized-nested-simulations This is a continuation of the previous post on bubble packing. Mon, 05 Jun 2023 00:00:00 GMT https://www.lloydrichards.dev026-optimized-nested-simulations https://www.lloydrichards.dev025-nested-bubbles Experiments to nest bubbles in bubbles with D3 force layout Fri, 26 May 2023 00:00:00 GMT https://www.lloydrichards.dev025-nested-bubbles https://www.lloydrichards.dev024-d3-force-in-react Getting a feel for how to apply D3 force in React Thu, 25 May 2023 00:00:00 GMT https://www.lloydrichards.dev024-d3-force-in-react https://www.lloydrichards.dev023-mdx-contentlayer Getting Started with rebuilding my website with MDX and contentlayer Thu, 18 May 2023 00:00:00 GMT https://www.lloydrichards.dev023-mdx-contentlayer https://www.lloydrichards.dev2200-hive-connector-app App for connecting via BLE to Vatorex products Thu, 01 Dec 2022 00:00:00 GMT https://www.lloydrichards.dev2200-hive-connector-app https://www.lloydrichards.dev2100-outlier-conf-app App for the full lineup of speakers for the Outlier Conf, Feb 4-5th 2022 Thu, 01 Dec 2022 00:00:00 GMT https://www.lloydrichards.dev2100-outlier-conf-app https://www.lloydrichards.dev2201-hive-manager-app App for helping beekeepers manage and track their bees Sun, 01 May 2022 00:00:00 GMT https://www.lloydrichards.dev2201-hive-manager-app https://www.lloydrichards.dev2006-outlier-conf-websites Websites for the Outlier Conf, between 2021 and 2024 Sun, 14 Feb 2021 00:00:00 GMT https://www.lloydrichards.dev2006-outlier-conf-websites https://www.lloydrichards.dev022-matter-in-p5 Learning to use Matter.js with P5.js Wed, 29 Jul 2020 00:00:00 GMT https://www.lloydrichards.dev022-matter-in-p5 https://www.lloydrichards.dev019-cv-timeline Create a timeline visualization of my CV Wed, 22 Jul 2020 00:00:00 GMT https://www.lloydrichards.dev019-cv-timeline https://www.lloydrichards.dev015-animated-notifications Learning to import P5.js into a React app Wed, 01 Jul 2020 00:00:00 GMT https://www.lloydrichards.dev015-animated-notifications https://www.lloydrichards.dev014-plastic-tutorial Creating examples for the Life of Plastic project to be used in the initial tutorial Tue, 23 Jun 2020 00:00:00 GMT https://www.lloydrichards.dev014-plastic-tutorial https://www.lloydrichards.dev2000-life-of-plastic Data Visualization exploring the complex relationship of plastic and its recycling system. Wed, 10 Jun 2020 00:00:00 GMT https://www.lloydrichards.dev2000-life-of-plastic https://www.lloydrichards.dev007-svg-system Playing around with SVGs and anime.js Wed, 03 Jun 2020 00:00:00 GMT https://www.lloydrichards.dev007-svg-system https://www.lloydrichards.dev006-svg-anime Playing around with SVGs and anime.js Wed, 03 Jun 2020 00:00:00 GMT https://www.lloydrichards.dev006-svg-anime https://www.lloydrichards.dev005-animejs Experimenting with SVG manipulation and animation in order to prepare for making the Life of Plastic project. Tue, 02 Jun 2020 00:00:00 GMT https://www.lloydrichards.dev005-animejs https://www.lloydrichards.dev2005-ixt-nyc Data Visualization comparing New York City and Zurich Fri, 29 May 2020 00:00:00 GMT https://www.lloydrichards.dev2005-ixt-nyc https://www.lloydrichards.dev2003-mimir-home Designing the UI and UX for a plant care app. Taking sensor data and ML to create house plant recommendations. Wed, 29 Apr 2020 00:00:00 GMT https://www.lloydrichards.dev2003-mimir-home https://www.lloydrichards.dev2002-mimir-open Development history of the open hardware project based on the mimirHome sensor. How the project evolved from a breadboard to a fully integrated PCB. Sat, 29 Feb 2020 00:00:00 GMT https://www.lloydrichards.dev2002-mimir-open https://www.lloydrichards.dev2001-coming-soon Visualizing Tasty Vietnamese Food from Coming Soon. Using data to create a large printed visualization for a local restaurant. Mon, 10 Feb 2020 00:00:00 GMT https://www.lloydrichards.dev2001-coming-soon https://www.lloydrichards.dev1901-mimir-visualization Visualizing the environmental data from mimir Sat, 21 Dec 2019 00:00:00 GMT https://www.lloydrichards.dev1901-mimir-visualization https://www.lloydrichards.dev1500-spanish-food-forest Garden designed to be a self sufficent and abundant ecosystem in Spain Sun, 01 Mar 2015 00:00:00 GMT https://www.lloydrichards.dev1500-spanish-food-forest