Skip to main content

AI Frontend Engineer·Design Engineer·Design Systems·LLM Products·Fintech & Healthcare

MonicaWu

I design the interface and build what's behind it — production UI, design systems, and AI products, owned end to end. B.A. Design · 10 yrs of production frontend, 6 in regulated fintech and healthcare · ex-Microsoft, IQVIA.

10 yrsShipping production UI
2 in 2026AI products designed and shipped solo
100% recallHITL review UI vs. seeded ground truth
  • TypeScript
  • React / Next.js
  • CSS · Tailwind
  • Design Systems
  • Accessibility (WCAG 2.2 AA)
  • Interaction Design
  • LLM Products · RAG
  • Evals & Guardrails
  • Agile delivery
  • Python
  • Angular
  • Claude · Cursor
01

About

I design it and I build it. One person owns the interface, the component system, and the code behind them — from the first prototype to the production deploy.

I'm a design-trained engineer with 10 years shipping production UI end to end. I build design systems other teams build on, and in 2026 I shipped two production AI systems, both with per-stage evals. I work in TypeScript, React, Next.js, Tailwind CSS, Angular, and Python. To me the interface and the data model are one design problem: on the Workbench, the reviewer's screen decided what the data model had to be.

Digital Twin — an agentic RAG agent with structured tool-calling and real-time intent routing (Python, OpenAI, ChromaDB), live on Hugging Face Spaces since May 2026. Reconciliation Workbench — human-in-the-loop AI exception review for multi-jurisdiction tax compliance: 100% recall, zero false positives against seeded ground truth, with a full audit trail.

Software that moves $200M a month doesn't get to break. That's where I learned to ship. Before AI: an enterprise payments platform (Accenture), the design system behind healthcare apps used by physicians and pharmacies nationwide (Inovalon), accessible components on ~50,000 Microsoft partner websites, and clinical research apps across 9 client sites (IQVIA). I took my components through 6 major Angular versions with zero regressions. That's the bar.

I started in design, then Code Fellows, then a decade of production TypeScript, React, Angular, and Node.js. I prototype first, build the real thing, and put it in front of someone. At Inovalon, the component specs I wrote became the frontend standard for every consuming team. In 2026 I cut a human-in-the-loop review product to the one screen a reviewer needs and shipped it in 2 days. I treat AI uncertainty as a UX problem: review surfaces, guardrails, intent routing. I build with Claude and Cursor daily: ~40% faster delivery, every change review-ready.

The AI work started at IQVIA. Our clinical apps had to run locally on client hardware that varied site to site, so I tested whether LLM inference could clear that bar: Llama 3.1 8B on Ollama, constrained hardware, worst case. Self-initiated, no mandate. It set the AI roadmap for regulated clinical deployments.

The conversations I want: senior design engineer, AI frontend, and product engineering roles where the interface and the code behind it are one job — including LLM products shipped to real users. Remote (US), Pacific time.

10 yrsShipping production software end to end
2Production AI systems shipped in 2026, each with per-stage evals
$200M+/moPayments platform I shipped for. Workflows restored within SLA, 100% of the time
~40%Faster delivery with AI-assisted development (Claude, Cursor)
wumonica.eng@gmail.com
02

Projects

Live · Auth-gated

Reconciliation Workbench — human-in-the-loop AI for tax compliance

Rules engine + LLM triage + human review + golden-dataset evals · US sales tax, EU e-invoicing · Aug 2026 — present

Deterministic core, AI at the edges, humans at the points of consequence. A rules engine detects six exception classes, an LLM explains each one and proposes a disposition, and a reviewer approves or overrides. Every decision lands in an exportable audit trail. Scored on every run against seeded ground truth: 100% recall, zero false positives.

Measured on every run

A golden-dataset eval panel scores each run against seeded ground truth: 100% recall, 1.0 precision, zero false positives.

Jurisdictions as configuration

A new country is one JSON entry and zero code changes. A declarative connector layer normalizes native feeds (semicolon CSVs, comma decimals, nested-JSON e-invoice statuses) into one canonical model.

Six exception classes

Rate, arithmetic, duplicate invoice, e-invoice linkage, orphan e-report, return tie-out. Detected deterministically, explained by the LLM, decided by a human.

Audit trail & governance

Every approve and override is logged and exportable. All data synthetic, auth-gated on Hugging Face Spaces, security-scanned with Bandit and pip-audit.

  • Python
  • Gradio
  • Human-in-the-loop (HITL)
  • Rules engine
  • LLM triage
  • Golden-dataset evals
  • AI governance
  • Synthetic data
  • Hugging Face Spaces
Live · Production

AI Digital Twin — production agentic RAG agent

Agentic RAG · structured tool-calling · real-time intent routing · per-stage evals · live on Hugging Face Spaces · Apr 2026 — present

Ask it about my background and it answers in my voice. GPT-4.1 Mini grounded by semantic search over ChromaDB, with structured tool-calling and real-time intent routing. Live and maintained solo since May 2026.

Semantic-chunking redesign

Retrieval returns whole, word-aligned passages instead of mid-word fragments, improving coherence over the naive baseline.

Per-stage eval harness

Chunking, embedding, retrieval, context assembly, and generation each have their own evals and swap independently. When quality drops, the harness shows which stage did it.

Real-time agentic routing

Hire and collaboration intent reaches me within seconds of a visitor's message.

Production guardrails

No personal contact disclosure, no fabricated opinions, no binding commitments. Latency, cost, and errors monitored in production.

How it's evaluated

Verified, not assumed: before/after comparison of the chunking change on a fixed question set, guardrails spot-checked against adversarial prompts, and cluster separation inspected in the companion pipeline to confirm passages group coherently.

  • Python
  • OpenAI API
  • GPT-4.1 Mini
  • ChromaDB
  • Gradio
  • Hugging Face Spaces
  • Agentic RAG
  • Tool-calling
  • Eval harness
  • Guardrails
  • LLM observability
Pipeline · Research

Reproducible RAG Pipeline — semantic chunking, embeddings & cluster visualization

Open-source Jupyter walkthrough · Apr 2026 — present

The component engineering behind my production agent, as a runnable notebook: ingestion, semantic chunking, embeddings, clustering, and interactive 3D visualization. Demo document: the Netflix Culture Memo (June 2024).

  • Python
  • ChromaDB
  • Embeddings
  • Semantic chunking
  • UMAP
  • KMeans
  • Cluster eval
  • Vector search
  • Data visualization
  • Jupyter
Portfolio · Design + build

wumonica.com — portfolio

Designed and built end to end in Next.js, TypeScript, and Tailwind CSS · 2016 — present

This site. A hand-built design system: Cormorant Garamond + DM Mono, dark and light themes, semantic HTML. Next.js static export, Tailwind CSS v4, WCAG 2.2 AA as an acceptance criterion, zero third-party requests, self-hosted fonts, hardened CSP.

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Design systems
  • Visual hierarchy
  • Accessibility / WCAG 2.2 AA
  • Performance
03

Stack

Top skills

  • Design Systems & Component Libraries
  • TypeScript · React · Next.js
  • CSS · Tailwind CSS
  • Accessibility (WCAG 2.2 AA)
  • LLM Products (RAG, HITL, evals)

Product & design

  • Design Systems
  • Component Libraries
  • Component Specifications
  • Wireframing · Prototyping in code
  • Interaction Design
  • Visual Hierarchy · Typography
  • UX for dense workflows
  • Accessibility / WCAG 2.1–2.2 AA
  • Data Visualization
  • i18n
  • Performance Tuning

LLM agents & retrieval

  • LLM Agents
  • Agentic AI Development
  • Tool Calling / Function Calling
  • Agent Orchestration
  • Structured Outputs
  • Intent Routing
  • OpenAI API
  • GPT-4.1 / Mini
  • Ollama · Llama 3.1
  • Local LLM Inference

Retrieval & context

  • Retrieval-Augmented Generation (RAG)
  • ChromaDB
  • Vector Databases
  • Embeddings
  • Semantic Search
  • Semantic Chunking
  • Prompt Engineering
  • Context Engineering
  • Context Window Management

Evals, guardrails & HITL

  • LLM Evaluation
  • Per-stage eval harnesses
  • Golden-dataset evals
  • AI Guardrails
  • Human-in-the-Loop (HITL)
  • AI Governance
  • LLM Observability
  • Rules Engines
  • Synthetic Data

Ship & deploy

  • Production AI Systems
  • Hugging Face Spaces
  • Gradio
  • CI/CD
  • Production Deployment
  • Test Automation
  • Bandit / pip-audit
  • 0 to 1 Product Build

Languages & frameworks

  • Python
  • TypeScript
  • JavaScript
  • React
  • Next.js
  • Tailwind CSS
  • Node.js
  • Angular · RxJS
  • Redux
  • REST APIs
  • MongoDB
  • Pandas
  • Jupyter

AI-assisted engineering

  • Anthropic Claude
  • Claude Cowork
  • Cursor
  • CLAUDE.md · skills · slash commands
  • Cursor Rules

Domains

  • FinTech · Payments ($200M+/mo)
  • Tax & Regulatory Compliance
  • Healthcare IT · Clinical research
  • Media (NBCNews.com)
  • Regulated / high-reliability
04

Experience

Aug 2025 — present · 1 yr 3 mosWumonica Studio (Independent) · Self-employed · Remote

AI Frontend Engineer

Shipped 2 production AI products in 2026, prototype to deploy, solo. Reconciliation Workbench: a human-in-the-loop review UI cut to the one screen a reviewer needs, built in 2 days, 100% recall and 1.0 precision against seeded ground truth. Digital Twin: an agentic RAG agent (Python, OpenAI API, ChromaDB), live since May 2026 with latency, cost, and errors monitored in production. Let the interface shape the data: every source had to look identical on the reviewer's screen, so a new jurisdiction is one JSON entry and zero code changes. Per-stage eval harnesses pinpoint the stage that degraded. Designed and built this site in Next.js, TypeScript, and Tailwind CSS. Build with Claude and Cursor daily: ~40% faster delivery, every change review-ready.

  • Design + build
  • Next.js
  • Tailwind CSS
  • TypeScript
  • Human-in-the-loop UI
  • Agentic RAG
  • Evals
  • Python
  • OpenAI API
  • Claude
  • Cursor
Sep 2023 — Aug 2025 · 2 yrsInteliquet, an IQVIA business · Full-time · Remote

Software Development Engineer 4

Self-initiated a local LLM inference study (Ollama, Llama 3.1) on constrained hardware that set the AI roadmap for regulated clinical deployments. Owned frontend features end to end for clinical research apps across 9 client sites: requirements discovery, production TypeScript/Angular components, post-launch issues resolved within 24 hours. Consolidated 10+ Angular components into a shared library and shipped i18n across 2 production apps, cutting duplicate work across 3 product teams by ~25%. Used Cursor in a regulated healthcare codebase, keeping every change review-ready and audit-compliant.

  • Local LLM inference
  • Ollama · Llama 3.1
  • TypeScript
  • Angular
  • Regulated industries
  • i18n
  • Cursor
Jan 2022 — Aug 2023 · 1 yr 8 mosInovalon · Full-time · Remote

Product Engineer — Design Systems

Owned the in-house design system end to end: designed the components, built them, and shipped them to healthcare apps serving physicians and pharmacies nationwide. Published each component with a live demo, copy-ready HTML, JS, and CSS, and the usage docs I wrote, so teams could see how it should behave and then take the code. Audited the whole internal site (~25 components and their docs), set the fix order, and did the fixes: rebuilt broken components, added missing accessibility, unified the docs in one voice. Authored the component specs (typography, spacing, states, accessibility, API) adopted as the single reference, reducing UI bugs by ~20%. On a 3-developer team migrating the library from Angular 8 to 14 on the live site, upgraded every component I owned with zero regressions, cutting consuming teams' upgrade effort by ~40%.

  • Design systems
  • Component documentation site
  • Component libraries
  • Accessibility
  • Zero-regression migration
  • Angular
  • TypeScript
Jul 2018 — Jan 2022 · 3 yrs 7 mosAccenture · Full-time · Greater Seattle Area · Hybrid

Software Engineer

Shipped transaction-critical frontend features for an enterprise payments platform processing $200M+/month, tuning UI performance on authorization and money-movement flows. Root-caused critical production defects and restored payment workflows within SLA 100% of the time. On a ~1-year telecom engagement, built a client design system and published it to npm as versioned releases so the client's teams could upgrade incrementally. Mentored 2 engineers in advanced Angular (RxJS, state management, lazy loading), getting them productive 3 weeks sooner.

  • FinTech · Payments ($200M+/mo)
  • Design system · npm library (telecom)
  • High reliability
  • Root-cause analysis
  • TypeScript
  • Angular · RxJS
  • Mentoring
Jan 2018 — May 2018 · 5 mosMicrosoft · Contract · Redmond, WA · On-site

Software Development Engineer

Built the production Angular/TypeScript interface 10+ partner teams used to publish and manage JSON schemas for automated page generation. Aligned API contracts across 2 engineering teams and shipped on time despite cross-team dependencies.Contract via Design Laboratory Inc.

  • Angular
  • TypeScript
  • REST APIs
  • JSON Schema
Dec 2017 — Feb 2018 · 3 mosWin-Kel · Freelance · Greater Seattle Area · Hybrid

Product Engineer

Architected a 0 to 1 full-stack product (React, Redux, Node.js, TypeScript) for a 4-person startup, owning every decision from database schema to UI. Set frontend direction and mentored 2 junior engineers through code review.

  • 0 to 1
  • React
  • Redux
  • Node.js
  • TypeScript
  • Mentoring
Jan 2017 — Apr 2017 · 4 mosMicrosoft · Contract · Greater Seattle Area · On-site

Product Engineer

Built and remediated accessible framework components (Angular, React, TypeScript) deployed across ~50,000 Microsoft partner websites. Brought every component to 100% WCAG 2.1 AA compliance, cutting accessibility support tickets by ~30%.Contract via Jetstream Software.

  • Accessibility / WCAG 2.1 AA
  • Angular
  • React
  • TypeScript
Jun 2016 — Oct 2016 · 5 mosNBCUniversal · Contract · Seattle, WA · On-site

Software Engineer

Shipped production fixes, analytics instrumentation, and SEO sitemap improvements for NBCNews.com social and video features serving tens of millions of monthly users. Cut load time on video-heavy pages through performance tuning.Contract via Next Step Staffing.

  • JavaScript
  • Performance tuning
  • SEO
  • Analytics
Jan 2016 — Apr 2016 · 4 mosUIEvolution, Inc. · Contract · Greater Seattle Area · On-site

Product Engineer

Built production digital-signage web apps for smart TVs, kiosks, and mobile, performance- and stress-tested against real device constraints.Contract through Sixth Ave Studios.

  • React
  • JavaScript
  • Digital signage
  • Stress testing
05

Education & certifications

Issued May 2026

SuperDataScience

AI Engineer Sprint — Capstone: Digital Twin, production RAG agent

The capstone became the first version of my Digital Twin: agentic RAG, semantic chunking, privacy guardrails, real-time tool-calling, and a per-stage eval harness. In production and maintained solo since May 2026.

  • AI Agents
  • Agentic AI Development
  • RAG
  • OpenAI API
  • ChromaDB
  • Production deployment
In progress · 2026

Interview Kickstart

Machine Learning Engineering

ML fundamentals, deep learning, and model evaluation: the foundations under the production AI systems I ship.

  • Machine Learning
  • Deep Learning
  • Model Evaluation
May 2015 — Oct 2015

Code Fellows

Certificate · Full-stack JavaScript

Immersive full-stack JavaScript: Node.js and Express REST APIs, MongoDB, authentication, TDD, deployment. Capstone: conceived, architected, and led a 5-day team build of a food-truck locator (OAuth, Google Maps API, MongoDB), and built the Maps integration and front end myself.

  • React
  • Angular
  • Node.js · Express
  • MongoDB
  • TDD
B.A.

California State University, Los Angeles

Bachelor of Arts (B.A.) · Art — Design Concentration

Visual systems, typography, hierarchy, and interaction design: the foundation for every design system and component spec I've shipped since.

  • Interaction design
  • Design systems
  • Typography
  • Visual communication
06

Get in touch

If your product needs someone who can design the screen and ship the code, message me and I'll tell you how I'd approach it.

The conversations I want: senior design engineer, AI frontend, and product engineering roles where the interface and the code behind it are one job — including LLM products shipped to real users. Remote (US), Pacific time.