UX engineer · design systems prototypes · software
I prototype ideas into something you can try, ship full products from schema to UI, and build the design systems teams scale on for game consoles, browsers, and AI developer platforms.
fig 1. a design system in one component. every layer is a token.
Microsoft CoreAI · systems2025-present
A design system for internal Microsoft apps, built on Fluent UI v9. I contribute to the React theme package, Storybook, and an MCP so humans and agents consume the same components. I also work on Microsoft Foundry, and with the Foundry Toolkit extension team on vsc-ui-react: VS Code-styled components on Fluent that ship inside an extension with 1.2M+ installs.
open source · systems2023-present
An open-source design system that began as an internal Microsoft library and is now public: 30+ accessible, headless Lit web components in @charm-ux/core, plus @charm-ux/fui for Fluent-aligned components on top.
independent · software2026
Production marketing site for The Athletic, part of The New York Times: ad formats, specs, and proof pages, from design through deploy on Astro SSG and Content Collections.
independent · software2025-present
Full product from schema to live PWA: Postgres data model, GPT-4o vision recipe extract, chef assistant, and the cookbook UI cooks use. I don't stop at the component layer. I ship the app.
Microsoft Web Platform · prototype2017-2021
Live prototypes for Vertical Tabs and feature flows, plus FAST / Fluent components for Shopping, News, and high-contrast DevTools.
Microsoft Web Platform · systems2017-2021
Open-source contributor: high-contrast work, navigation and section-header for fast.design.
Microsoft Xbox · software2012-2017
Core UI and prototypes across Home, Community, Store, and One Guide. XAML/MVVM, 10-foot TV experience through three console releases.
Nine years building 3D game worlds taught me to make things you can walk through. Code a rough live version, try it, then harden what works into production.
Schema, API, UI, deploy. I've taken apps from first sketch to a live URL (The Recipe Room, Athletic Advertising) and built platform UI at Microsoft that millions of people use.
Keyboard, screen reader, and high contrast from the start. I've done the WCAG and ARIA cleanup from Edge to CoreAI.
Clear API, predictable behavior, real examples. Get that right and teams adopt. Get it wrong and they build workarounds.
Theme package on Fluent UI v9 for internal Microsoft apps; Microsoft Foundry, Foundry Toolkit, Storybook, MCP, and accessibility.
Core components for Charm UX: @charm-ux/core and @charm-ux/fui, headless Lit components with design-token theming.
Accessible, performant web applications built in direct partnership with clients.
Interactive prototypes for early product decisions. Live builds over static mocks so stakeholders could try the idea.
Core components for Edge, News, and Shopping; accessibility and UI performance initiatives.
Core UI and prototypes for the Xbox One Dashboard across the 2013 launch and the 2015 and 2017 releases.
Nine years building detailed 3D worlds and interactive assets. That craft still shapes how I build interfaces.
Buttons, seals, links, and the exploded button anatomy in the hero share one accent ink token. Adjust hue, saturation, radius, or edition and every Charm component (plus each diagram layer) re-themes live. Hover the diagram to expand it.
This drawer is a ch-dialog, the radios are ch-radio, and every button, card, and badge on this page is a Charm component. The sliders mutate Charm's token layer on :root. Your changes are saved in this browser.