● 00 —Senior UX Engineer
Open to remote roles
From design/tokenscomponentsprototypessystems to deployed product.
I prototype fast, build systems that scale, and obsess over the gap between design intent and what actually gets built.
Previously: Mermaid Chart, Microsoft
Built with Superbloom (portfolio design system) • SvelteKit • Tailwind • shadcn-svelte
● Selected Work
See all →Superbloom
The design system powering this site — tokens, primitives, and patterns built in SvelteKit with shadcn-svelte.
Founding UX Engineer — Mermaid Chart
Product design, design system, Storybook, and documentation — built from zero as the first and only UX Engineer at Mermaid Chart, now Mermaid.ai.
UX Engineer — Microsoft
Documentation site, integration guides, and Docusaurus infrastructure for FAST — Microsoft's open-source web components library.
● About
Full bio →I'm Steph. I help take products from zero to one. That usually means small teams, early stages, and a lot of work that hasn't been figured out yet — design systems, UI foundations, and sometimes the product itself.
Most recently Founding UX Engineer at Mermaid Chart — now Mermaid.ai — where I owned the full product surface and built the UI foundation from scratch.
I also contribute to open source — including Mermaid.js and Microsoft FAST.
- 7
- years experience
- 2
- design systems from zero
- 23
- components at Mermaid
- Design systems
- Component APIs
- Storybook
- SvelteKit
- TypeScript
- Tailwind
- Figma
- Prototyping
● Kind words
As a founding member, Steph didn't just help build the product — she shaped the foundation of the team and the culture around it. She brings strong design and product instincts, and a rare ability to turn ideas into polished, practical outcomes.
Steph has a knack for creating great user experiences! Not only has she designed (and re-designed!) entire sites and user-flows, but she built up a culture of strong UX design with reusable components and internal processes.
● Superbloom Pattern Library
A design system built in the open.
Superbloom is the component library powering this site.
A set of opinionated, composable patterns built on top of shadcn-svelte primitives. Each one ships with Storybook docs and is used throughout this site.
<MetadataLabel
number="01"
label="Design System"
>
{#snippet meta()}
<span>Superbloom — 2026</span>
{/snippet}
</MetadataLabel>● 01 —Design System
Superbloom — 2026
Open to remote roles.