lloydrichards.dev

Hello, I'm Lloyd

This website is a personal portfolio and lab space where I can showcase my projects, experiment with new ideas, and share my thoughts and experiences through blogging. Please feel free to explore my recent projects, read my lab and blog posts, or connect with me through social media.

Projects

0

Total Articles

Labs

0

Total Published

Github

0

Total Repos

GitHub

0

Total Stars

A functional layout system for terminal applications built with Effect.js. Create TUIs with composable boxes, ANSI styling, and reactive components.
DEVELOP
Effect Boxes
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.
DEVELOP
IPEN Plastic Map
  • German Design Awards 2026: Excellent Communications Design Web
Data exploration dashboard using React and D3 to visualize cancer trends in Switzerland. Implemented filtering logic, tooltips, and accessible UX patterns.
DEVELOP
Cancer Monitoring Dashboard
  • Swiss Viz Award 2025: Silver in Operational Insight
  • German Design Award 2026: Excellent Communications Design Web
Interactive data storytelling platform built using fullstack technologies. Created backend logic for scoring systems and visual data transitions.
DEVELOP
Competitiveness Outlook Data Hub
Localized schedule builder using micro-frontend architecture. Next.js frontend with modular deployment. Backend powered by Supabase + PostgreSQL.
DEVELOPDESIGN
Outlier Micro Frontend

Skills

Hours by occupation

Jun 2021
Jun 2026
Loading chart...
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.
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.
effectrpcmonorepoeffect-ai
Full-stack implementation with Effect RPC streaming, monorepo architecture, and type-safe AI integration from domain to UI.
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.
littailwindweb-components
A step-by-step guide to setting up a Lit project with Tailwind CSS.