Tech × Art — 杨 · New York / Beijing / Palo Alto

Karen
Yang

红线牵 — the red thread ties what's meant to meet. Pull, and see what it tied to me.

Product designer & creative technologist. I turn fuzzy problems into shipped products — and build the weird technical parts myself. Product, games, hardware, paint. One thread; it tangles, it doesn't break.

scroll

线 · 01

Product

Where I make the invisible usable.

Arrow through each project — the full story sits right beside the screen, no clicking to unfold. Click the screen to open its demo full-screen.

2025 – · Product · AI

An AI career companion that actually knows you.

100users testing129+live job boards40+agent tools

Problem. Career tools for students are search boxes with filters — they know nothing about you, rank jobs you can't get, and leave the hardest parts (what fits me? am I ready? what next?) entirely on you. The insight: the unit of career guidance isn't a job posting — it's a person. So I built the profile first and the job board second.

What I did. Built a chat-first companion where a background Observer builds a multi-dimensional profile (Big Five, MBTI, RIASEC, values) from conversation, quizzes, and games — and that profile drives everything. Career fit that's explainable, not oracular: interests 45% / personality 30% / values 25%, re-weighted 30% by demonstrated skills, with per-card confidence labels. An opportunities feed from 129+ live company boards ranked by fit AND requirements-readiness — a freshman sees internships first, not '5–8 yrs experience' at inflated scores. Every posting's requirements become a checklist scored against your actual evidence, with a 70% readiness bar and one-tap handoff to close gaps. Honest applications by design: North reads the portal's real form, fills what it truthfully can, and you review and submit — no auto-submit, ever; a capability manifest stops the AI claiming actions it didn't take. Plus an orchestrator coach with 40+ tools (calendar, projects, readiness checks, live widgets, approval-gated outreach) and a digital twin trained on your voice. FastAPI + PostgreSQL, React/TypeScript, three-tier cost-aware LLM routing.

Outcome. Live at northcareer.co with 100 users testing. Biggest lesson: honesty is a feature — the wins came from removing fake affordances ('easy apply', inflated fit scores, bluffed AI claims) and replacing them with grounded ones: readiness %, prep sheets, tool manifests. Dogfooding beat speculation; nearly every meaningful fix came from using it as a real anxious student would.

FastAPI · PostgreSQL · React · TypeScript · RAG · LLM routing · Stripe

01 / 04

浪 · 02

Games & Interactive

Where the panels pop and I fall in.

Games, AR, and the web experiments — the stuff you step inside or play with.

Featured · Unity VR · in progress

Comic Surfer

A VR game where a 3D character enters a 2D comic to chase a thief. Engineered 5 frame mechanics (expand, fold, shatter, reorder, enter) with XR hand tracking and full-body IK rigging, across 3 progressive scenes and 12+ C# scripts.

▶ live capture — watch the frames fold
Snapchat DJ Filter

An AR DJ set on your face — Lens Studio filter where head-tilt scratches and mouth-open drops the beat.

click ⤢ to feature
AR Escape Room

Every door leads to dream or reality — tell them apart to get out. Spatial anchors pin surreal set-pieces onto your real room. In build now.

Unity · AR Foundation · 2026

策 · 03

Strategy & Consulting

The thinking behind the making.

Consulting engagements and case competitions — the strategy, research, and business judgment behind the work.

Consulting

Consulting engagement

The client, the problem you scoped, the framework you used, and the decision/impact it drove.

coming soon →

馆 · 04

The Studio

Where I keep the parts that don't need to be useful.

Four halls — paintings, film, photography, poetry. Pick a room. Everything I make that doesn't need to be useful hangs in here.

画 · 20 works — step into the room; the paintings hang on the walls. Click any one for the piece behind it.

目录 · Index

Everything, in a list.

The efficient view — every product, interactive piece, and artwork in full, top to bottom.

Product

North

2025 – · Product · AI

An AI career companion that actually knows you.

100users testing129+live job boards40+agent tools

Problem. Career tools for students are search boxes with filters — they know nothing about you, rank jobs you can't get, and leave the hardest parts (what fits me? am I ready? what next?) entirely on you. The insight: the unit of career guidance isn't a job posting — it's a person. So I built the profile first and the job board second.

What I did. Built a chat-first companion where a background Observer builds a multi-dimensional profile (Big Five, MBTI, RIASEC, values) from conversation, quizzes, and games — and that profile drives everything. Career fit that's explainable, not oracular: interests 45% / personality 30% / values 25%, re-weighted 30% by demonstrated skills, with per-card confidence labels. An opportunities feed from 129+ live company boards ranked by fit AND requirements-readiness — a freshman sees internships first, not '5–8 yrs experience' at inflated scores. Every posting's requirements become a checklist scored against your actual evidence, with a 70% readiness bar and one-tap handoff to close gaps. Honest applications by design: North reads the portal's real form, fills what it truthfully can, and you review and submit — no auto-submit, ever; a capability manifest stops the AI claiming actions it didn't take. Plus an orchestrator coach with 40+ tools (calendar, projects, readiness checks, live widgets, approval-gated outreach) and a digital twin trained on your voice. FastAPI + PostgreSQL, React/TypeScript, three-tier cost-aware LLM routing.

Outcome. Live at northcareer.co with 100 users testing. Biggest lesson: honesty is a feature — the wins came from removing fake affordances ('easy apply', inflated fit scores, bluffed AI claims) and replacing them with grounded ones: readiness %, prep sheets, tool manifests. Dogfooding beat speculation; nearly every meaningful fix came from using it as a real anxious student would.

FastAPI · PostgreSQL · React · TypeScript · RAG · LLM routing · Stripe

Vantage

2026 · Product direction · Front-end

A multi-agent system that scores where to open a business.

+30%decision accuracypredictive lift$21Bmarket, 15% CAGR

Problem. Owners spend 40+ hours scouting rentals and still choose on gut — foot traffic, rent, competition, and demographics never combined into one verdict.

What I did. Owned product direction and built the front-end and API layer. You draw an area and pick a category to get a location-fit score, a predicted rating/revenue range, the nearest competitors, and an AI storefront mockup — powered by Google Maps, OpenAI, and NYC Open Data.

Outcome. Shipped a working demo at NexHacks with go-to-market feedback from 3 industry mentors and improved decision accuracy ~30% — then tested my own core assumption with a separate data study (Ridge regression on Yelp data, R² 0.028 → 0.138, a 5× predictive lift — the graphs below are the real ones).

React 19 · TypeScript · Vite · Google Maps · OpenAI · NYC Open Data

I tested my own core assumption. EDA on ~70K Yelp businesses: ratings cluster at 3.59, and distributions differ by state (FL median 4.0 vs PA 3.5).
I tested my own core assumption. EDA on ~70K Yelp businesses: ratings cluster at 3.59, and distributions differ by state (FL median 4.0 vs PA 3.5).
Location-fit — average Yelp rating by business category × demographic quartile (income, rent, age, education). Beauty & Spas rank highest everywhere and ratings climb with each quartile — the neighborhood-fit signal the model leans on.
Location-fit — average Yelp rating by business category × demographic quartile (income, rent, age, education). Beauty & Spas rank highest everywhere and ratings climb with each quartile — the neighborhood-fit signal the model leans on.
Model progression — test R² more than doubles as the features get smarter: 0.028 (business-only baseline) → 0.138 by adding education, demographics, category mix, interactions, and neighborhood vitality. Final model ≈ 5× the baseline (ZIP-level, n=332, 80/20 split).
Model progression — test R² more than doubles as the features get smarter: 0.028 (business-only baseline) → 0.138 by adding education, demographics, category mix, interactions, and neighborhood vitality. Final model ≈ 5× the baseline (ZIP-level, n=332, 80/20 split).

SPIR

2022 – 24 · Founder · PM

A secret garden you tend by journaling — mental health for teens.

6schools200+usersdaily engagement

Problem. Mental-health tools feel clinical, and teenagers won't use them.

What I did. Led 6 developers and designers to build a lofi-style therapeutic web app. Designed the 'Secret Garden': plant trees to journal emotions, water each other's gardens for peer support, vent anonymously into a tree hollow. Ran 20+ interviews and sentiment tests across 3 design cycles.

Outcome. Deployed to 6 schools reaching 200+ users; the visual-first design tripled daily engagement.

Web Development · UI/UX Design · User Research

AlbertPlus

2025 – · Designer · Front-end

The course-registration tool 3,000+ NYU students actually like.

3,000+students8engineers15+interviews

Problem. NYU's registration flow is confusing and slow; students dread it every semester.

What I did. Designed the UI/UX in Figma and built responsive React components with an 8-engineer team on biweekly sprints. Ran 15+ user interviews and sentiment tests to optimize the flows — course registration, degree progress, and a 4-year planner.

Outcome. A shipped tool used by 3,000+ students — easier to use than the school's own system. It's live: click through the real thing.

Figma · React · User Research

4-year planner
degree progress
wireframes
wireframes
Chrome extension design
Chrome extension design

Games & Interactive

Comic Surfer

2026 – · Design · Unity / C#

A VR game where a 3D character enters a 2D comic to chase a thief.

Engineered 5 frame mechanics (expand, fold, shatter, reorder, enter) with XR hand tracking and full-body IK rigging, across 3 progressive scenes and 12+ C# scripts.

5panel mechanics−40%interaction errors2D↔3Dworlds

Unity · XR Interaction Toolkit · Mixamo · Inverse Kinematics

Snapchat DJ Filter

2025 · Design · Lens Studio

Scratch, mix, and drop — an AR turntable on your hands.

A hand-tracked AR lens that turns your palms into a live turntable — scratch and mix in the air.

Lens Studio · Hand tracking

Writing Experiment

2024 · Interactive web · built for a teacher

An interactive writing experience I built for a teacher — try it live.

A browser-based interactive built for a teacher's classroom. No video — click in and play with the real thing.

JavaScript · Interactive · Web

AR Escape Room

2026 – · Design · Unity / AR

Every door leads to a dream or to reality. Tell them apart.

An AR escape room where each door opens onto dream or reality; spatial anchors and environment-aware placement overlay surreal dream elements onto real-world geometry. In progress.

Unity · AR Foundation · Spatial Anchoring

Meta Film Studio

2023 – 25 · Founder · Director

Founded a 50-member VR film club; directed 4 films end to end.

Founded a VR filmmaking community of 50, secured 3 sponsors and $2K+ in funding, ran 40+ workshops, and directed 4 VR films end-to-end — storyboarding, 360 capture, stereoscopic post, and spatial-audio mixing.

4VR films50members

360° capture · spatial audio · Quill

Fingerprint

2024 · Director · Film

A short film — what we press into the world, and what it presses back.

Directed and edited end-to-end: concept, shoot, cut, sound.

Film · directing · editing

Theme Song Music Box

2025 · ml5.js · p5.js

It reads the object in your hand and your face, then scores the moment.

A music box that generates a unique theme song from real-time object recognition and facial-expression analysis — an ml5.js vision pipeline mapping valence to generative audio.

ml5.js · p5.js · Object Detection · Facial Landmarks

Mood Sensing Wellness Ball

2025 · Arduino · sensor fusion

Hold it 10 seconds; it reads your pulse and skin and names your mood.

A physical device using pulse and galvanic-skin-response sensors; sensor fusion correlates heart-rate variability with perspiration to output personalized wellness suggestions.

Arduino · Pulse Sensor · GSR

Smart Trash Classifier

2026 · CV · hardware

Set it on top; the right bin opens itself. Zero decisions.

A computer-vision device that classifies waste on sight and drives servos to open the correct bin.

Computer Vision · Servos · 3D print

Fine Art — the RISD portfolio, 1–20

Butterfly and Pelvis
01

Butterfly and Pelvis

Mixed Media · 20" × 16"

The female pelvis transforms into a butterfly, symbolizing hidden femininity. Icy textures suggest the freezing of female identity under rigid expectations; the butterfly is transformation and autonomy. The black background creates depth, arousing fear in those who look beneath the ice — the balance of fragility and strength in the female experience.

Apiece
02线

Apiece

Mixed Media · 30" × 20" × 20"

A critique of the universal objectification of women, where femininity is divided and consumed like a cake. Hands of different races mark shared exploitation across cultures; a birthday candle becomes a ring, signaling the vulnerability of maturity. A red thread ties societal ritual to the danger of growing up female — a world that reduces women to fragments for consumption.

Smash
03

Smash

Acrylic · 10" × 20"

Tomayto, tomahto. Identity conflict, as figures go head-to-head with themselves — everlasting internal struggle. The tomato, once ornamental, is now fruit, vegetable, and a symbol of exploitation. Shifting planes mirror the instability of identity, the tension between self-perception and imposed meaning.

Inner Currents — the fire in her mind
04

Inner Currents — the fire in her mind

Acrylic · 16" × 20"

The fragile psyche of borderline mentality. The fire in her mind reaches every inch of skin; outside she stays cold and colorless, the suppressed explosions forming a corona around her heart. Internal conflict and external indifference are stitched together — her stretched face, nose at the very edge of the canvas, at the brink of collapse.

Self Portrait
05

Self Portrait

Mixed Media · 18" × 22"

Strings compose the mask of my face, holding my skin intact. A green birthmark bites the edge of my face, degrading me toward the subconscious. Yellow lines like heartbeats pulse against deep purple; forks scrape textures of disruption; black shards are intrusive thoughts breaking the calm — the tension between vulnerability and resilience.

Pools of Life
06

Pools of Life

Mixed Media · 17" × 20" × 8"

We are all little swimmers in the pool of life, tangled in sticky waves, searching for fragile swim rings. The organic pink and blue lines are the gender constructs handed to us at birth; the clay-sculpted black background is life's unpredictable foundation. Among the swimmers: a fishing pole and a lifebuoy. Which one would you choose?

Aftermath
07

Aftermath

Pencil · 11.7" × 16.5"

The composition forms the illusion of an eye — thorns, girl, and trees shaping its contours — which becomes a hawk: hidden predators who prey on the vulnerable. The central figure, a girl who has just endured sexual violence, curls into herself, guarding her inner world. Extending branches and distorted surroundings hold the scars of trauma exposed under an unrelenting gaze.

Expired Sea Water
08

Expired Sea Water

Mixed Media · 33" × 25"

Sea water never expires, unlike the impermanence of human perception. A textured blue surface of turbulent waves meets fragmented text that tries to define the boundless ocean; white foam is force meeting dehydrated rock. Scattered rocky shapes are poetic, fleeting thoughts — the infinite continuity of nature against the limits of human understanding.

Hangman
09

Hangman

Watercolor · 11.7" × 16.5"

A wooden figure hangs limply, suspended by red strings composed of words of hopelessness and bound to a fractured branch — the fragility of life under despair. Scattered leaves and Chinese characters of death drift around it, evoking the inevitability of loss. The suffocating grip of hopelessness beside the haunting presence of mortality — surrender and resilience in balance.

Nightly Pass Away
10

Nightly Pass Away

Ink · 16" × 20"

From a poem I wrote on meditation and rebirth: “My bed is my grave, and I'm buried every night… in the morning my soul is reincarnated… I wake like a newborn, embracing the sun.” But some nights I fall into hell — ugly spirits bind my brows, pry my eyes open with a fork. On quiet nights I half-open my eyes, sink deep, and hear the dry daisies rustling on my tombstone — the gray area where life and death are engraved in the folds of my bed sheets.

A Metal Cage Made of Cloth
11

A Metal Cage Made of Cloth

Mixed Media · 27" × 30" × 8"

Society demands women reveal their shape while hiding their skin — a paradox of allure and modesty. The figure's draped clothing echoes the burqa; its metallic texture is the unyielding weight of imposed tradition. Desirable yet restrained, surrounded by chains, scissors, and prison bars — a statement on the imprisonment of female identity and the struggle to break free.

Muddy Feet
12

Muddy Feet

Ink + Acrylic · 20" × 20"

Contrasting imprints of a bare foot and a boot explore identity and impact. The watercolor background, painted with traditional Chinese techniques, roots the work in culture while evoking fluidity and impermanence. The bare foot is natural identity and vulnerability; the boot is external force and imposed role. Our steps define us — the fragile balance between creation and destruction in the paths we leave behind.

Tangled
13

Tangled

Pencil · 11.7" × 16.5"

Hair winds like threads of fate, binding hands in a dance of connection and constraint. A symbol of identity and beauty, the hair is both tether and lifeline; the tension in the fingers is a delicate struggle between strength and vulnerability — the weight of expectation woven into the feminine experience, freedom and entanglement at once.

Weighted Bloom
14

Weighted Bloom

Mixed Media · 27" × 16"

Her body is the soil of a poppy; soon after she matures, it is time for harvest. The intertwined imagery of vulva and blooming flower is growth and vitality, while a green strap anchoring a stone is the weight carried through womanhood. A red field cut by sharp white lines evokes tension and restriction against the body's organic curves — the burdened beauty of femininity.

Wing-eating Butterfly
15

Wing-eating Butterfly

Mixed Media · 17" × 21"

A butterfly consumes its own wings — a fragile struggle with self-destruction. Splashed water and broken glass hint at chaos and freedom beneath a calm surface. Papers collaged at the edges form a cocoon: protective yet confining, their earthy, stained textures speaking to hidden decay. The bathtub, a symbol of cleansing, becomes a space of vulnerability — beauty and collapse.

The Wings of a Book
16

The Wings of a Book

Mixed Media · 9" × 18" × 14"

As a child, books shaped my imagination and filled my dreams with flying lessons and imaginary planets. Each folded page is a feather, building the wings that carried my creativity; the emerging wing is the freedom stories offer, while a red thread and scattered feathers hint at connection and ideas set free. Books don't just preserve knowledge — they are the journeys they inspire.

Blue
17

Blue

Mixed Media · 20" × 30"

The geometries of childhood, in a portrait of my brother framed by vivid blue — the depth, curiosity, and boundless possibility of youth. Wild shapes, textures, and bursts of color swirl in playful chaos, while his steady gaze cuts through the whirlwind — a fleeting moment of confidence within the shifting structures of childhood.

A Journey of Time
18

A Journey of Time

Mixed Media · 24" × 24" × 2"

3-D clocks paired with 2-D collage capture time as scattered yet fluid. One cracked clock is fragile human history; the other is stopped, timeless. A boot steps forward, disrupting the rocks of a cyclical passage; foam covers stories of people and metallic shards. The layered design reflects how personal moments intertwine with universal rhythms — memory, experience, and the relentless flow of time.

The Flowers of Utilitarianism
19

The Flowers of Utilitarianism

Mixed Media · 30" × 20" × 8"

Angular wooden frames, layered and fragmented, form a rigid structure against delicate organic elements. Green flowers resembling vegetables are the sacrifice of beauty for practicality; soft pink leaves are remnants of lost elegance. The work questions how utilitarian ideals overshadow life's immeasurable beauty — the ongoing conflict between functionality and artistry.

Birth of the Unseen
20

Birth of the Unseen

Mixed Media · 20" × 16"

The fragility and mystery of creation. Cracked eggs suspended in stages of emergence reveal distorted forms — the ambiguity of what is yet to come. The delicate veins of a leaf against raw pink emphasize interconnectedness and vulnerability; ancient Chinese characters for “bird” and “egg” invoke heritage and noble beginnings; a glass crack is the unseen force shaping existence — the hidden complexity of becoming.

Strategy & Consulting

Salesforce Case Comp — AI account handoffs

Case competition

A B2B product concept: when a rep leaves, an AI agent that already holds the team's context recommends the successor — accounts, relationships, deal history — and transfers ownership in one confirmation.

Scoped the problem, designed the flow, and built this working demo. We didn't place — the product thinking stands.

5 of me, dancing — roll the 🎲 up top · scroll to play

杨 · 05

About

From Beijing, by way of every version of myself.

NYU — Interactive Media Arts (Tisch) + CS & Math (Courant). I've built for 3,000+ students, run research with 50+ participants, and shipped things people keep using. I like the messy middle: an idea, made real, tested on real people, sweated until it sings.

  • S.T. Yau Award — 1st Place, Economic Modeling (N. America)
  • National Economic Challenge — Silver (Macro)
  • U.S. Academic Decathlon — Gold, Social Science
Karen Yang