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.

Explore the work Experience
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
Current build log

OutfitSignal is live on the App Store. WorkoutFrame is a working title, and it and AfterPlaySports remain active development projects.

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

Native products, shipped and evolving.

Expo and React Native now power a shipped App Store product; SwiftUI, AVFoundation, background tasks, and device APIs continue across the native work in development.

  • 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
  • App Store release + 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
GitHub LinkedIn
Send a signalUsually reads like a human