Forward Deployed Engineer · Design + Full-Stack + AI Systems
Ava Liu
I diagnose ambiguous customer problems, architect the system, then design and ship the working product myself.
My work spans product strategy and UX/UI through React/Next.js, FastAPI, databases, APIs, LLM integrations, tool-using agents, governed RAG, coded DOM design systems, and production interaction engineering with Motion and GSAP.
That technical execution sits on top of 15+ years in creative direction, brand identity, campaigns, photography, and visual systems — so the craft does not disappear when the work becomes technical.

Ava Liu — New York, NY
What I Do
Creative judgment, product architecture, and AI systems — in one workflow.
The AI work expands the practice; it does not replace the visual, brand, interaction, and storytelling foundation underneath it.
Creative Direction, Brand & Marketing
15+ years
- Creative direction & visual storytelling
- Brand identity & scalable visual systems
- Integrated campaigns across digital, social, print & motion
- Typography, layout, photography direction & production
- AI-augmented creative workflows and team enablement
Product Design & Design Engineering
Strategy · Systems · Interaction
- 0→1 product strategy, requirements, IA & UX/UI
- Coded React design systems & DOM-based components
- Semantic HTML, ARIA-aware controls & accessibility
- Motion for React / Framer Motion & GSAP
- Interactive data visualization and stateful UI behavior
Forward Deployed Engineering & AI Systems
Full-stack · Agents · Production
- LLM APIs, structured outputs & context architecture
- Tool-using agents, function calling & multi-step tool loops
- Governed RAG, embeddings, semantic search & grounded generation
- Persistent state, audit traces, retrieval provenance & HITL
- FastAPI, Next.js/React, Python, SQL/SQLModel, REST APIs
- Cloudflare DNS, Tunnel & secure self-hosted production deployment
Selected Work
Case studies
Production AI systems, full-stack products, design engineering, revenue infrastructure, and creative systems — grounded in real constraints, measurable failures, and shipped outcomes.
Self-Directed System · Production AI Agent Runtime
Re-architecting an AI agent when context growth stopped scaling
The Problem
A production resume agent grew to 99 context files, 38,924 provider input tokens, and a request lifecycle that crossed its 90-second boundary. Extending the timeout would only hide the architectural problem.
Approach
I measured context assembly, retrieval, provider usage, wall time, cost, and output quality separately, then redesigned the runtime around persistent retrieval and durable execution rather than request-time file parsing.
What I Built
- Persistent hybrid retrieval instead of request-time parsing
- Task-aware context budgets and prompt caching
- Quality guardrails and requirement-level validation
- Durable async execution with idempotency and failure classification
- Provider-authoritative token audits and observability
- Phase gates that blocked advancement when required audits failed
Why This Matters
The optimization became a production-runtime redesign: faster and cheaper only counted if factual recall and requirement coverage remained intact.
Self-Directed Product · MarketDNA
From explainable financial intelligence to context-aware decision and predictive research
The Problem
Financial data is abundant, but decision context and uncertainty are fragmented. A single blended confidence score hid whether low trust came from thin data, weak analysis, or conflicting evidence.
Approach
I built a top-down Market → Sector → Industry → Stock decision structure, made uncertainty inspectable, then evolved the research layer into context-aware strategy ranking, parameter optimization, and leakage-controlled prediction validation.
What I Built
- Independent Data Quality, Analysis Reliability, and Evidence Alignment metrics
- Canonical Decision Engine across scanner and stock workflows
- Context-aware strategy ranking and stateful execution research
- Parameter search, objective-function design, and chronological out-of-sample validation
- Coded React/TypeScript DOM design system with semantic, ARIA-aware components
- Motion/GSAP interaction engineering, auth, Stripe subscriptions, admin, and Cloudflare deployment
Why This Matters
One product connects explainable AI, quantitative research, full-stack implementation, subscription infrastructure, and production design engineering without hiding uncertainty behind a single score.
VIEW FULL CASE STUDY →Self-hosted development build, served via Cloudflare Tunnel · Live availability may vary.
Self-Directed Product · AI Email Agent
Governed tool use, hybrid retrieval, persistent traces, and human-controlled consequences
The Problem
Support diagnosis is conditional: the same inbound email can require live account state, subscription and entitlement context, and proprietary product knowledge. A useful agent has to investigate without gaining uncontrolled authority.
Approach
I designed a bounded, model-directed tool loop with governed hybrid RAG, persistent execution traces, confidence-based escalation, and mandatory human approval before outbound communication.
What I Built
- OpenAI Responses API with multi-step function calling
- Read-only tool registry for account, subscription, entitlement, login, market, and product context
- Approved knowledge corpus with lexical + embedding retrieval
- Source, section, confidence, tool, and retrieval provenance
- Persistent conversation, draft, run, and audit state
- Resend inbound email, signed webhook verification, threading, Admin review/edit/send workflow
Why This Matters
The agent can investigate dynamically and produce grounded drafts while consequential customer communication remains explicitly human-controlled.
Self-Directed Product · Career Agent
Separating source facts, AI interpretation, and generated language
The Problem
A tailored resume is useless if generated claims cannot be traced to verified candidate evidence. Real usage exposed brittle lexical matching, stale inference, incomplete bilingual output, and completion states that could resolve before evidence verification finished.
Approach
I rebuilt the trust model around a canonical Evidence Library, semantic evaluation, source lineage, claim-level verification, human override, and independent review.
What I Built
- Canonical evidence model separating raw source, confirmed fact, interpretation, and resume-ready wording
- Semantic requirement/evidence evaluator with EN/ZH language invariance
- Source lineage, version history, and non-destructive evidence updates
- Claim-level trace persistence and independent factuality verification
- Independent ATS, recruiter, and hiring-manager review loop
- FastAPI + Next.js/React + TypeScript + SQLModel/SQLite + OpenAI API
Why This Matters
More than 90 logged end-to-end test rounds changed the architecture itself — including replacing brittle substring classification and repeated merge patches with semantic evaluation and a reconciled evidence model.
Self-Directed System · Affiliate & Creator Growth
Connecting acquisition to attributable revenue, commissions, reversals, payouts, and risk
The Problem
An affiliate feature becomes a financial system as soon as attribution affects money. Identity, historical program terms, refunds, vesting, payouts, authorization, and auditability all have to stay correct over time.
Approach
I treated revenue state as backend-authoritative and historically reconstructable, with append-only financial ledgers, idempotent Stripe-derived processing, explicit reversals, and human-controlled payouts.
What I Built
- Affiliate applications, governed accounts, programs, campaigns, and referral links
- Click attribution, registration binding, and Stripe revenue-event ingestion
- Append-only commission and reversal ledgers
- Monthly-plan commission holds and annual-plan monthly vesting with per-tranche holds
- Manual payout recording, analytics, authorization isolation, and fraud/risk foundation
- Creator performance scoring without exposing referred-customer PII
Why This Matters
The system turns a growth idea into auditable commercial infrastructure: acquisition → conversion → revenue → commission → reversal → payout → risk → creator performance.
MarketDNA · Coded Design System
Motion + DOM components as reusable product infrastructure
The Problem
Motion had to add delight to a dense financial product without becoming a one-off landing-page trick or breaking state integrity under fast pointer input.
Approach
I extended the coded React/TypeScript design system, used Motion and GSAP for distinct responsibilities, and simplified a multi-clip interaction into one bidirectional media timeline.
What I Built
- Semantic DOM primitives and reusable product components
- ARIA-aware controls and component-level accessibility
- Motion for React microinteractions
- GSAP coordinated timelines
- Browser-native video state for interruptible interaction
- Reduced-motion behavior and production state handling
Why This Matters
Visual craft translated into semantic components, accessible behavior, animation architecture, and real browser-state control.
Island Dental · Founding Product Designer & Brand
Building a conversion-focused design system from zero and scaling it across teams
The Problem
A growing two-sided marketplace needed a consistent product and brand language across high-intent web journeys, financing interactions, marketing, and responsive experiences.
Approach
I built shared foundations, reusable responsive patterns, interaction standards, and conversion-oriented hierarchy so product, engineering, and marketing could work from the same system.
What I Built
- 0→1 brand and product design system
- Reusable responsive components and interaction patterns
- Marketplace and interactive financing UX
- CTA hierarchy and conversion-focused page structure
- WCAG/ADA-aware reusable patterns
- Cross-channel standards across web, social, email, and print
Why This Matters
The project shows that the coded design-system work in my AI products builds on earlier product-design practice, cross-functional implementation, and measurable business outcomes.
Self-Directed Creative Series · Ava Art Journey
Directing AI-generated assets into coherent stories, characters, motion, narration, and sound
The Problem
Individual AI images or clips do not automatically become a coherent story. Character continuity, pacing, visual language, narration, and sound still need direction across the full sequence.
Approach
I used generative tools as part of an end-to-end creative production pipeline while retaining human control over concept, script, art direction, selection, sequencing, and final quality.
What I Built
- Original concepts, stories, scripts, and character development
- Midjourney and Runway visual exploration and generation
- Iterative character and scene continuity
- Animation, editing, timing, and transitions
- Narration, sound, and music integration
- Finished short-form storytelling releases
Why This Matters
The series preserves the creative-direction side of my practice: AI accelerated asset creation, but story, taste, continuity, and final editorial decisions remained human-led.
Technical Concepts
The systems vocabulary behind the work.
Explore the AI, product engineering, design engineering, and infrastructure concepts behind my projects—each explained in plain language with a real example of how it was applied and what it enabled.
Creative Portfolio & Selected Design Work
Brand · Product · Marketing · Digital
The AI work sits on top of a long visual practice rather than replacing it. This archive spans creative direction, brand identity, marketing campaigns, product/UI design, digital experiences, print, social, and scalable visual systems — the craft foundation I still bring into every product I build.
Covers brand identity, marketing campaigns, digital experiences, design systems, and visual communications across fintech, financial services, healthcare, technology, real estate, and consumer brands — translating complex ideas into clear, cohesive, and high-impact design.
Career
Experience
Designing and building full-stack digital and AI products end to end — product strategy and UX/UI through React/Next.js, FastAPI, databases, APIs, coded DOM design systems, Motion/GSAP interaction engineering, tool-using agents, governed RAG, automation, and production workflows.