DHDavid HsiaoWeb & applied AI engineer
Web & applied AI engineer · Bay Area

I build ideas
people can feel.

I design and engineer web products with React, Next.js, TypeScript, Cloudflare, and applied AI—turning complex systems into clear, responsive experiences.

human-interface.tsx
Digital portrait
Portrait of David Hsiao
Craft + code
Applied AI
Hover the portraitAnalog human / digital mind
01 — Selected work

A few things
I've made.

Small products, playful prototypes, and useful systems. Each one started with a real question—not a need to look like a finished startup.

01Live web product
D8ly interfaceRead case study
Web + applied AI

D8ly

A live bilingual Bazi web app where deterministic calculations establish the foundation and applied AI turns the result into a useful narrative.

  • Next.js
  • React 19
  • Tailwind CSS
  • +1
Open d8ly.app
02Live experiment
Agents Rap Battle interfaceRead case study
Realtime creative systems

Agents Rap Battle

A live realtime performance experiment: two persona-driven performers share context, stream verses, and react to a beat-aware browser experience.

  • React
  • Vite
  • Cloudflare Workers
  • +2
Open live experiment
03Active development
AfterPlayNative media systems
Read case study
Native product engineering

AfterPlay

A native media product in active development, exploring durable background uploads and playback workflows across SwiftUI and Cloudflare.

  • SwiftUI
  • AVFoundation
  • URLSession
  • +1
In the edit

New screen captures and short interaction reels are the next layer—not more marketing copy.

02 — How I think

Make it clear.
Then make it shine.

My front-end background still shapes everything: care about the person at the other end, sweat the interaction, and never let complexity leak into the experience.

01

Design the feeling

Interfaces should communicate before anyone reads the documentation. I start with hierarchy, rhythm, and the moment that makes a product memorable.

02

Engineer the system

The polish only lasts when the code underneath is clear, responsive, and ready to evolve. Craft and maintainability belong in the same conversation.

03

Explore the edge

AI is changing what a small team can make. I prototype with it, pressure-test the experience, and keep the useful parts grounded in real human needs.

03 — Working set

The stack got wider.The standard stayed high.

Recent work leads with responsive web products and applied AI, supported by cloud and data systems plus native media experiments. The through-line is still thoughtful product craft.

01
Frontend + product UI

Front-end craft with a point of view.

Responsive product surfaces, motion systems, and the design details that make complex tools feel immediately usable.

  • JavaScript
  • TypeScript
  • React
  • Vue.js
  • Next.js
  • HTML + CSS
  • Tailwind CSS
  • Framer Motion
  • Vite
02
Applied AI + agents

Models inside real workflows.

Structured generation, model evaluation, and persona-driven agent experiments grounded in useful product feedback.

  • Gemini
  • OpenAI
  • Ollama
  • Agent Evaluation
  • Tool Allowlists
  • Schema-validated AI
03
Cloud + data

Small systems that hold up.

Serverless APIs, auth, databases, object storage, and resilient upload paths built for products in the real world.

  • Cloudflare Workers
  • R2 + D1
  • Supabase
  • PostgreSQL
  • Prisma
04
Native + media

Supporting work, in development.

SwiftUI, AVFoundation, background tasks, and device APIs are part of the engineering practice; release preparation is still underway.

  • Swift
  • SwiftUI
  • React Native
  • Expo
  • Capacitor
Shipping practice

Release work is part of the product—not the last checkbox.

  • Claude Code
  • Codex + Cursor
  • Git + GitHub
  • VS Code + Jest
  • Release preparation + QA
  • Apple Sign In + DeviceCheck
  • Multipart media uploads
  • Offline recovery queues
  • Vercel + Wrangler
04 — Start something

Have an idea
with some voltage?

I'm interested in thoughtful teams, unusual products, ambitious prototypes, and conversations that lead somewhere unexpected.

davidhsiao510@icloud.com
Send a signalUsually reads like a human