Senior Frontend Engineer · Ciudad de la Costa, Uruguay
Diego Díaz
Human judgment, machine speed.
I design and build product interfaces and the design systems behind them. I use AI to move faster, and I stay accountable for every decision it touches.
This version of the site is Yggdrasil, the world tree. Each piece of work lives in one of its realms. Scroll down the trunk to visit them, or jump to one:
Prefer something plainer? See the classic site.
Vanaheim, realm of foresight
AI Toolkit
Personal project · Claude Code tooling
Sets up Claude Code on any repo: it maps the project, pins what works today as a baseline, and generates the agents, hooks and skills to build new features without breaking old ones.
- Claude Code
- Skills
- Hooks
- Agents
- Developer experience
- Role
- Author and architect
- Runtime
- Claude Code
- Status
- Design v0.7, first installable version
- Platforms
- macOS, Linux and Windows installers
Alfheim, realm of light
The design system behind this site
Design and engineering
Tokens, accessible components and motion in a monorepo, documented in Storybook and tested on every story. Built faster with AI, with every change reviewed.
- Design tokens
- Storybook
- WCAG 2.2
- Motion
- Monorepo
- Role
- Design and engineering
- Stack
- Next.js, Tailwind CSS v4, Motion, Storybook, Turborepo
- Standard
- WCAG 2.2 AA
Midgard, realm of people
Karma Plus
Founder · Product, design and engineering
People log good deeds they did or witnessed, and together they fill an anonymous heatmap. Web and mobile share one design system, and Claude Haiku checks each submission before it goes live.
- Design thinking
- Next.js
- Expo
- Supabase
- Claude API
- Role
- Founder, product, design and engineering
- Platforms
- App on iOS, Android and web; dashboard for organizations
- Stack
- Next.js, Expo, Supabase, Vercel, Zod, Claude API
- Languages
- English and Spanish
Jötunheim, land of giants
Freedom Robotics
Frontend Lead
A 0 to 1 fleet management app for robots. I redesigned how it used the API, cutting query load by 90% and perceived delays by 75%, and built the internal SDK the app used to talk to it.
- React
- TypeScript
- SDK
- Performance
- Role
- Frontend Lead
- When
- 2020 to 2023
- Stack
- React, Redux, TypeScript, Next.js, Recharts, Mapbox GL
- How I joined
- Through Toptal, then hired by the company
Svartalfheim, the forge
Ramps: a design system study
Personal project · Design and engineering
A study of Ramp’s design system and Bill Pay app, rebuilt from their public product videos with a Claude Code skill I wrote: 40 components and nearly 200 stories in Storybook, plus a working demo backed by Supabase.
- Design systems
- Storybook
- Next.js
- Supabase
- Claude Code
- Role
- Design and engineering
- Stack
- Next.js, Storybook, Supabase, Vercel
- Method
- Frames and captions from public videos, tokens from public CSS
Muspelheim, realm of fire
Experiments
Sparks of ideas, built small to see if they catch.
Călător
A booking MVP built mobile first: one smooth checkout on the phone instead of a long list of features. Next.js, libSQL, Drizzle and shadcn/ui.
Visit the site: Călător (opens in a new tab)Design system: Călător (opens in a new tab)
Niflheim, realm of ice and mist
The archive
Kept as it was, still there to visit.
diegodiazweb.com (2011)
My personal site from 2011, still online as I built it then. A look at where my design and frontend work started.
Visit the site: diegodiazweb.com (2011) (opens in a new tab)
How to Build CSS-only Smart Layouts With Flexbox
An article I wrote for Toptal.
Read the article: How to Build CSS-only Smart Layouts With Flexbox (opens in a new tab)
Hel, the quiet realm
Retired work
Work that is gone, and what it left behind.
WARRG
2013 to 2015 · Co-founder & Chief Experience Officer
A software and digital marketing company in Argentina. Led the frontend team and gave tech talks on HTML5 and the CSS box model.
“Give everything to what you believe in, and rest easy if it doesn’t work out in the end.”
Urd’s well, what was, what is, what is owed
Experience
The Norns tend this well: what was, what is, and what is still to come.
2023 – 2026
Method
Senior Frontend Engineer
2020 – 2023
Freedom Robotics
Frontend Lead
2018 – 2019
Seabury Solutions
Frontend Consultant
2017 – present
Toptal
Senior UI/UX Engineer, Verified Expert
2015 – 2017
Rainfactory
Director of Technology
2014 – 2015
Monsoon / Kunai Consulting
Senior Software Engineer
2013 – 2015
WARRG
Co-founder & Chief Experience Officer
2011 – 2015
Rockstar Coders
Web UI/UX Developer
2011
Intacto
Web UI Developer
2010 – 2011
E-volution, for Microsoft
Web Developer
2009 – 2010
Diseño y Comunicación Editorial
Graphic Designer
Mímir’s well, wisdom, at a price
How AI fits in
Odin gave an eye to drink from this well. Wisdom has a price, so every shortcut gets weighed.
I decide, AI accelerates
I define the problem, the architecture and the quality bar. AI drafts code, variants and tests faster than I could type them.
Everything gets reviewed
Code that comes from AI goes through the same review, tests and accessibility checks as code I write by hand.
Systems over prompts
I build shared context, rules and tooling so a whole team gets consistent results, not lucky ones.
The roots
Let’s build something people enjoy using
Open to senior frontend and design engineering roles, and to consulting on design systems and AI adoption.
Under the roots hangs Odin, chief of the Norse gods. In the myth he hung there nine nights to win the runes, the first Norse letters.