_
What I do off-screen
When I’m offline, I love running 🏃🏻♀️. I recently completed my first Hong Kong half marathon—now I’m training for the next one.
How I built this portfolio
This site is a personal experiment in AI-assisted workflows. Here’s the tooling behind it—and what each part helped with:
🎨 Design & Prototype
Figma Make - Rapid prototypes to validate layout, hierarchy, and interaction direction.
Variant - Quickly generates alternative visual directions so I can compare options early and avoid locking in too soon.
React Bits - Lightweight motion/interaction exploration to test pacing and feel.
✍️ Write
ChatGPT - As my “Cursor tutor” - helps me turn design intent into engineer-friendly prompts (clear steps, constraints, edge cases), so Cursor can execute more precisely with fewer back-and-forth edits.
Typeless - I use voice to capture richer context than typing and convert it into usable prompts faster.
🚀 Build & Ship
Cursor + Figma MCP - Translates design into code and supports iterative refinement to match the intended UI.
Github + Vercel - Version control and continuous deployment for fast iteration.
Where to find me
@ 2026 Claire Han. All rights reserved.