
NFL Playoff Picture
Live NFL playoff odds powered by FPI. Real-time seeding, clinch scenarios, and draft-order tracking.
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.
Working mostly in TypeScript and React. Reach for Astro and Svelte for static and interactive work, GSAP and Framer Motion for animation, Three.js and D3 for the harder stuff. Live in Figma. Run my dev environment on Cursor and Claude Code.

Live NFL playoff odds powered by FPI. Real-time seeding, clinch scenarios, and draft-order tracking.

Write once, export AI behavior files for seven coding ecosystems.

Interactive history of 75 years of F1 cars, engineering leaps, and regulation eras.

Interactive misery rankings across 120+ teams in the four major leagues.

Figma plugin that exports text styles as CSS, Tailwind, or SCSS with configurable output.

Webby nominated
Immersive documentary story on Las Amazonas and softball's power in Yucatan.

Open source
Modern React color picker for design systems with perceptual color spaces and accessible defaults.

Lazy-loaded React images with responsive sources, smart placeholders, and a ~1.4KB footprint.