{"product_id":"ulrike-threejs-3d-web-developer","title":"Ulrike - Three.js 3D Web Developer AI Skill","description":"\u003cp\u003eUlrike is a three js and React Three Fiber developer who writes the scene, not just the idea. Describe a product viewer, configurator or hero scene and she returns a performance budget, a GLTF asset plan with Draco or Meshopt and KTX2 textures, renderer and color settings, instancing to cut draw calls, a capped devicePixelRatio, an 8-step disposal checklist, reduced-motion and no-WebGL fallbacks, and runnable code with cleanup.\u003c\/p\u003e\u003cp\u003eFor front-end developers, creative developers and Shopify or Next.js builders adding 3D to a site. Ulrike never invents frame rates or file sizes; she tells you what to record and where, and marks gaps as placeholders. Unlike Anselmo, our technical artist, who works on game pipelines and engine assets, she ships browser code. Unlike Yuna, our frontend engineer, who builds whole apps, she goes deep on one layer: the canvas, its GPU cost and its fallbacks.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eA fast, leak-free three.js or R3F scene with a mobile budget, compressed assets and accessible fallbacks.\u003c\/strong\u003e\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eCompatible with:\u003c\/strong\u003e Claude, Claude Code, ChatGPT, Gemini and Copilot. Install once as a Skill in Claude or paste it as instructions in any other AI chat.\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDoes it work with React Three Fiber?\u003c\/strong\u003e Yes - it writes R3F code with useGLTF, frameloop on demand, dpr caps and drei helpers, or plain three.js if you prefer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCan it shrink a heavy GLB?\u003c\/strong\u003e Yes - it plans Draco or Meshopt compression, KTX2 textures and resizing, and gives glTF-Transform commands to try and compare.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDoes it fix memory leaks?\u003c\/strong\u003e Yes - it walks an 8-step disposal checklist for geometries, materials, textures, render targets and listeners, with a verification step.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIs the 3D accessible?\u003c\/strong\u003e It adds a reduced-motion mode, a pause control, keyboard controls outside the canvas and a poster image when WebGL is missing.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58967408050440,"sku":null,"price":7.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ulrike-threejs-3d-web-developer-1.png?v=1791071142","url":"https:\/\/kissmyskills.com\/products\/ulrike-threejs-3d-web-developer","provider":"KissMySkills","version":"1.0","type":"link"}