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.
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.
If you want to go fast, go alone. If you want to go far, go together.
AI-Native Engineering,Agents & MCP,LLM Orchestration,Durable Pipelines (Trigger.dev),Claude Opus 5,Runway,Seedance 2.5,GPT Image 2,React / Next.js,TypeScript,Python,WebGL & Shaders (Three.js),Animation (GSAP),R3F,Tailwind,Postgres / Supabase,Cloudflare Workers,LLM Observability (Langfuse),UI / UX,
FromrichmediaadsforhouseholdnamestoAI-nativesystemsthatteamsrunon.
[KNOW MORE]
WRITING
ALL WRITINGTrigger.dev vs Inngest: Which Is Better Depends on Where Your Code Runs
Both platforms give TypeScript teams durable background execution without hand-rolling queues. Inngest orchestrates and calls functions on infrastructure you already pay for. Trigger.dev runs the code itself, in its own container, billed by the second. Almost every other difference between them falls out of that one split, including the pricing, which is where most comparisons get it wrong.
[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]Agents Need an Identity Layer. Adtech Shows Why.
Machines have been transacting without a working identity layer for twenty years. Adtech patched the gap with vendors who grade the transaction afterward, and that patch cannot grade a fake person. The standard now being written for agents is that layer.
[READ]CLIENT WORK
Fortune 500 campaigns, shipped through agencies.