01 / PRODUCT & ENGINEERING
Scroll to control the camera and character
PRODUCT & ENGINEERING
Designed and engineered the MVP end to end. A Cloudflare Worker calls an AI cutout service to turn uploads or camera captures into transparent PNGs, character attributes, and collectible profile cards.
Next.js · React · TypeScript · Cloudflare WorkerBuilt a 3D editing framework with model loading, real-time rendering, camera controls, and draggable, rotatable, scalable decals, including surface snapping and collision-safe placement.
Three.js · R3F · Zustand · ViteDesigned and developed a calming virtual companion with state transitions, breathing motion, Puppy Diary, and Away Time Simulation.
Expo · React Native · ReanimatedA twelve-scene bilingual experience using particle animation to explore how longing becomes wind.
Next.js · Canvas · TypeScriptCompleted competitor research, user needs, feature architecture, technical selection, PRD, and roadmap to move the product into development.
PRD · USER RESEARCH · CROSS-FUNCTIONAL DELIVERYNext.js / React / TypeScript / React Native / Three.js / R3F / Zustand / Cloudflare / Canvas / LLM Integration
02 / AI NATIVE NARRATIVE
Scroll to control the camera and character
AI NATIVE / NARRATIVE ARCHITECTURE
I embed multimodal AI across requirement framing, narrative breakdown, interaction design, coding, live preview, testing, and automated repair—moving cultural stories from text into working products.
Unified art direction, characters, mechanics, and storyboards into a prompt-to-testing production loop.
Reframed Miwa Nishikawa's writing as a branching narrative system and launched it with seventeen automated tests.
Translated temptation, identity, and self-control into a structured interactive experience.
Built a unified silk-painting visual system and referenced the Hawkes–Minford translation tradition for global storytelling.
GPT / Claude / Trae / Meshy / Coze / Jimeng AI / Xingliu AI / Image Processing / Design Systems
03 / MUSIC & LEADERSHIP
Scroll to control the camera and character
MUSIC / ORGANIZATION / VISUAL
Led planning and delivery for events with 1,000+ attendees and 10,000+ campus-forum views.
Served as class Youth League secretary, created cross-school collaborations, and received a university leadership award.
Directed logo and mascot design for a University of California student organization, creating one coherent visual language.
04 / TEAMWORK & EXECUTION
Scroll to control the camera and disc trajectory
TEAMWORK / ENERGY / DELIVERY
Read space, cover gaps, and move the disc under pressure while protecting the team's rhythm.
Created development schedules and weekly operating rhythms across product, design, and engineering.
Improved product stability through field validation, API debugging, SDK mocks, and log tracing.
05 / LOGIC & COMMUNICATION
Scroll through a full 360° argument
LOGIC / WRITING / TRANSLATION
Competed in university and intercollegiate debates, building rigorous logic, live response, and room control.
Wrote regularly for university language and media centers; achieved 100% satisfaction in unscripted interviews.
Translated and proofread policy documents, industry reports, and international communications at the China International Communications Group.
Core team member, lead performer, and English voice actor for a university competition project advancing to the provincial stage.
06 / HOSTING & GROWTH
Scroll into the elevated front-facing finale
INTERNSHIP / CONTENT / GROWTH
Selected from 3,000+ candidates for a 25-person project cohort, then advanced to the eight-person core team as its youngest developer and only member from a non-technical background.
LET'S BUILD SOMETHING ALIVE.
LOCATIONShenyang, China
