I design and build accessible product interfaces.
My work spans React component libraries, AI and agent interfaces, design systems, and data-dense tools—from interaction decisions to working code.
Things I've built
Working software, the decisions behind it, and evidence you can inspect.
Independent · Primer ReactAgent Review Desk
An independent Primer React prototype for inspecting agent work, resolving a scoped permission request, and recovering from failure. Try the complete simulated workflow.
Primer React · Interactive prototype
ReactZeroReact Components, From API to Interaction
Four published React packages for comboboxes, dates, motion, and data grids. Explore the API decisions, a working example, and reproducible bundle measurements.
4 npm packages · Working component demo
Waco3.ioAI Client Workspace
A working client workspace for documents, signatures, intake, trackers, and pipeline—with AI inside the workflow. Built end to end and still evolving.
Live product · Ongoing development
A component you can use.
A searchable assignee picker built with my published ReactZero combobox. Try its keyboard behavior, selection, and empty state.
Read the engineering decisions →Who should review this?
Search by name. Use ↑ ↓ to move, Enter to select, and Escape to close.
Decisions made visible.
AI helps me explore and scaffold. I own the interaction model, read the implementation, and verify the result.
For ReactZero, that means reviewing state transitions and keyboard behavior against the component’s intended interaction pattern. For Waco3, it means preserving a user’s edits when a generation fails.
How I build with AI →Explore the token system →Components a model can read correctly.
Every ReactZero package ships an ai-reference.md: the component API, keyboard behavior, and accessibility contract written for coding assistants, so a generated integration is correct instead of plausible.
Agent Review Desk works from the other side. It is built on Primer React and Primer primitives, with the local Primer MCP server supplying component and token guidance that I then checked against installed types and browser behavior.
See the ai-reference.md pattern →Try the Primer prototype →How to give an LLM a design system →The thinking behind the work.
Five themes, one pipeline
How token decisions reach every component.
An agent’s check passed. The review is still yours.
A bounded permission and review flow in Primer React.
From script to product walkthrough
How I use Strands Agents to make Waco3 tutorials.
Package.json is a product surface
What a manifest promises before anyone reads the code.
Let’s build something useful.
I bring motion craft, product design, and front-end engineering to tools people use to get work done.
Start a conversation →View work profile →More about me →