Garrett Siegel
Design Engineer building interactive, performant web experiences.
I build interactive, performance-first web experiences for the editorial and product web. Currently on ESPN's Visual Storytelling team, where my work has reached millions of viewers and won numerous awards.
Spent the first half of my career as a graphic designer before moving into engineering. That shapes how I approach every project - typography, motion, and craft are priority, not finishing touches.
Author of open-source tools like Sentinel (an AI agent security scanner) and PromptKit (an AI coding config generator) - built to solve workflow problems I ran into on real projects.
What I do
Editorial Storytelling
Longform interactive features for ESPN - 35+ shipped stories reaching millions of fans.
Frontend Development
Interactive, performance-first web experiences for the editorial and product web.
Data Visualization
Charts and interactive graphics that make numbers tell stories - D3, Chart.js, and custom SVG.
Motion & Interaction
GSAP, WebGL, and the small details that make an interface feel alive.
Design Systems
Component libraries, tokens, and templates built to scale across teams.
AI & Developer Tooling
Agent tooling, guardrails, and open-source CLIs that remove friction from real workflows.
Selected work
View all →
CodePass
Published on npm
Terminal harness that hot-swaps between AI coding agents - Claude Code, Codex, opencode, Cline - carrying a shared handoff file so you never lose context when a rate limit hits.
Read case study →
- TypeScript
- CLI
- Node

Sports Misery Index
1M+ views
Interactive misery rankings across 120+ teams in the four major leagues.
Read case study →
- React
- TypeScript
- TailwindCSS
- Lottie

ChromaKit
Open source
Modern React color picker for design systems with perceptual color spaces and accessible defaults.
- React
- TypeScript
- OKLCH
- Accessibility
Latest post
