DHDavid HsiaoDesigner-minded engineer
Software engineer · Bay Area

I build ideas
people can feel.

Front-end instincts, full-stack execution, and a growing obsession with what AI makes possible. I turn ambitious concepts into clear, responsive digital products.

human-interface.tsx
Digital portrait
Portrait of David Hsiao
Craft + code
AI curious
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.

01Active build
D8ly Read interfaceOpen live
Consumer AI

D8ly Read

A daily astrology & divination app with more ways to read your fortune — birth charts, tarot, face reading, numerology, and fortune sticks, each with AI‑written readings.

  • Next.js
  • React 19
  • Tailwind CSS
  • +1
02Prototype
Agents Rap Battle interfaceOpen live
Realtime experiment

Agents Rap Battle

Two AI agents trade bars in real time on any topic, with streaming verses and beat-aware flow.

  • React
  • Vite
  • Cloudflare Workers
  • +2
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 stretches from responsive web products and native iOS to AI vision, local model evaluation, and capability-restricted agents. 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
Native + mobile

From camera roll to App Store.

Native Swift and cross-platform iOS work spanning camera, media, background tasks, device APIs, and release builds.

  • Swift
  • SwiftUI
  • React Native
  • Expo
  • Capacitor
03
Applied AI + vision

Models inside real workflows.

Vision, structured generation, local-model evaluation, and capability-restricted agent experiments grounded in useful product feedback.

  • Gemini
  • OpenAI
  • Ollama
  • Agent Evaluation
  • Tool Allowlists
  • MediaPipe Face Landmarks
  • Apple Vision
  • Schema-validated AI
04
Cloud + data

Small systems that hold up.

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

  • Cloudflare Workers
  • R2 + D1
  • Supabase
  • PostgreSQL
  • Prisma
Shipping practice

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

  • Claude Code
  • Codex + Cursor
  • Git + GitHub
  • VS Code + Jest
  • App Store + TestFlight
  • 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