Component reality
Slots, states, wrappers, accessibility APIs, and migration cost matter. Good systems do not pretend otherwise.
Frontend systems / Web Components / AI workflows
Interface systems that hold up under product pressure.
I work across design systems, frontend architecture, Web Components, and AI-assisted development. I build tools that reduce drift, remove guesswork, and make good implementation easier.
Boring correctness
Keyboard paths, visible focus, contrast, state behavior, and examples are product structure, not cleanup work.
AI that earns its keep
Useful automation reduces ambiguity, names tradeoffs, and leaves a better trail than a person could make by hand.
Clean handoffs
Specs, examples, docs, and review notes should make the right implementation feel obvious.
How I work
Design intent has to survive production code.
I am a 35-year-old UX Engineer at Microsoft working in the Fabric ecosystem. I focus on component architecture, UI infrastructure, design systems, and AI-assisted development workflows. Most of my work lives between design intent and production code: tokens, components, wrappers, examples, validation, documentation, and the tools that keep all of it aligned.
Recently, I have been building systems that help AI agents understand product UI the way engineers need them to: with component constraints, accessibility expectations, framework patterns, repository context, and enough guardrails to avoid inventing a second design system in the shadows.
Away from the editor, I like kite surfing, playing pinball, playing music, and going to shows. I care about systems that are rigorous enough to survive production but still leave room for taste, attention, and a little human electricity.
Selected work
Selected work.
01
Microsoft Fabric UX Web Components
Manage a 120+ component Microsoft Fabric UX platform built on Web Components as the source of truth, with thin Angular and React wrappers for enterprise Power BI client migration work across Fabric Web and Fabric Copilot surfaces.
02
Microsoft Fabric UX Agentic AI Design-to-Code DevKit
An agentic development layer for Microsoft Fabric UX adoption: secure Figma intake, evidence-based component parity, CLI-driven diagnostics, optional ADO issue filing, and gated code generation for React and Angular teams.
03
Checklist Auditor
A deterministic component-health system for Microsoft Fabric UX that turned review checklist conventions into executable rules, resolving 5,000+ issues across exports, wrappers, Storybook, docs, metadata, and API drift.
04
Output Conductor
A real-time workflow observatory built for Output.ai — virtualized execution feeds, step-level trace debugging, timeline swimlanes, cost analytics, and evaluator inspection. A prototype demonstrating how AI pipeline observability becomes human-navigable through design engineering.
05
Glyph trading operations platform
An operator-facing trading terminal for portfolio accounting, strategy construction, AI-assisted planning, deterministic risk controls, broker-safe execution, backtesting, and production operations.
06
Signal Terminal
An embeddable AI-native terminal for web apps where shell output can become structured text, charts, tables, file previews, graphs, and LLM-ready insight without breaking the terminal flow.
07
Microsoft Fluent UI Web Components
Built and repaired Microsoft Fluent UI Web Components inside Microsoft's Fluent UI codebase: custom elements, Storybook examples, high-contrast behavior, keyboard paths, focus states, manifests, and the small edge cases that decide whether a component can survive real product use.
08
CertPilot
A contractor and vendor compliance app for tracking certificates of insurance, renewal status, document review, audit history, and the practical question property teams care about: can this vendor work or be paid right now?
09
HandForge
A card-game probability workbench I built for a friend who wanted clearer deck-building decisions: paste a deck, tag cards, define the hand or board state that matters, then compare ratios with exact math and seeded simulation.
10
Our American Gods
An older automation project with a simple rule: take two public text streams, define a recombination engine, and publish the result on a schedule. Built with Node, Cheerio, request, Twit, timed intervals, and a small text-generation loop.
Writing
Notes and essays.
Contact
Available for frontend systems, component platforms, and AI workflow work.
Best fit: teams building design systems, component libraries, accessibility-minded frontend infrastructure, or AI-assisted engineering workflows.