Claude
AGENTS, MCP
AI-NATIVE ENGINEER
ENGINEERING AI-NATIVEPRODUCTION SYSTEMS
JEFF LIUCURRENT TIME:
SCROLL ↓INTERACTIVE BUILDS
TypeScript / React / Three.js / GSAP / WebGL
Tenure
REACT, VITE, TAILWIND
Luxury property site built on full-bleed architectural photography.
Orven
JAVASCRIPT, SCROLL, VIDEO
Performance-eyewear scroll story with dual-video scrubbing.
Apex
REACT, GSAP, SVG
Scrubbable lap over traced Silverstone geometry, coloured by speed.
Horizon Estates
REACT, VITE, SCROLL
Luxury real-estate hero with a dual-video scroll swap.
Digital Archive
GSAP, SCROLL, CSS
Cinematic art-gallery site with layered scroll reveals.
WoodNest
REACT, VITE, TAILWIND
Liquid-glass booking UI across three phone mockups.
Food Tracker
JAVASCRIPT, SVG, CSS
Calorie tracker with a hand-built SVG progress ring.
Seamless
VANILLA JS, CSS, SVG
Web3 banking landing with a scripted section transition.
WildCrumb
THREE.JS, GSAP, SCROLL
3D scroll landing built with Three.js and GSAP.
Kinetic
THREE.JS, GSAP, WEBGL
WebGL kinetic typography built with Three.js and GSAP.
Mostar
JAVASCRIPT, SCROLL, CSS
Cinematic scroll story in vanilla JavaScript.
Mesozoic
VITE, MOTION, GSAP
Natural-history museum with GSAP-driven motion.
If you want to go fast, go alone. If you want to go far, go together.
AI Engineering,Agents & MCP,LLM Orchestration,Durable Pipelines (Trigger.dev),Claude Opus 5,Runway,Seedance 2.5,GPT Image 2,React / Next.js,TypeScript,Python,Creative Development,WebGL & Shaders (Three.js),Animation (GSAP),R3F,Tailwind,Postgres / Supabase,Cloudflare Workers,LLM Observability (Langfuse),UI / UX,
OpentoAIEngineeringandCreativeDevelopmentroles.
[KNOW MORE]
WRITING
ALL WRITINGScoping Agent Rules Like Routes, Not Like Prompts
Every session pays the token cost of every past edge case, whether or not it applies. Treating rules like routes instead of one long prompt is what fixed it.
[READ]Building the Routing Layer and Memory Between 3 Claude Surfaces
Access to tools is the cheap half. Knowing when and how to use them is the part that costs context, which is why the knowledge lives in skills instead of the context window.
[READ]Claude Desktop vs Cowork vs Code: Which One to Use
Three Claude surfaces run one engine, and Dispatch now routes work between them. What separates them is whether the setup shaping Claude's behavior is a file you own or state the app holds for you.
[READ]BRAND WORK
Fortune 500 campaigns.