9 skills · sorted by relevance
Build 3D scenes in React from JSON specifications using json-render. The skill covers shapes, lighting, model loading, materials, cameras, and view controls, plus connecting component definitions to their rendering implementations.
Build 3D browser games and interactive scenes inside React apps with React Three Fiber. Organize gameplay logic, coordinate scene and interface state, and connect the 3D experience with standard web menus, settings, and status displays.
Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js. Use when building interactive 3D experiences in React applications with component-based architecture, state management, and reusable abstractions. Ideal for product configurators, portfolios, games, data visualization, and immersive web experiences.
The English summary is being prepared. Showing the original description.
Blender to web export workflows for 3D models and animations. Use this skill when exporting Blender models to glTF for web, optimizing 3D assets for Three.js or Babylon.js, batch processing models with Python scripts, automating Blender workflows, or creating web-ready 3D pipelines. Triggers on tasks involving Blender glTF export, bpy scripting, 3D asset optimization, model compression, texture baking, or Blender automation. Exports models for threejs-webgl, react-three-fiber, and babylonjs-engine skills.
The English summary is being prepared. Showing the original description.
Comprehensive skill for Adobe Substance 3D Painter texturing and material creation workflow. Use this skill when creating PBR materials, exporting textures for web/game engines, optimizing 3D assets for real-time rendering, or automating texture workflows. Triggers on tasks involving Substance 3D Painter, PBR texturing, material creation, texture export for Three.js, Babylon.js, Unity, Unreal, glTF optimization, or Python API automation. Creates optimized textures for threejs-webgl, react-three-fiber, and babylonjs-engine materials.
The English summary is being prepared. Showing the original description.
React Three Fiber (R3F) 3D rendering — Canvas, meshes, materials, lights, cameras, animations, events, physics, post-processing, performance
The English summary is being prepared. Showing the original description.
Expert en 3D web avancé (Three.js, React Three Fiber, WebXR, shaders, performance)
The English summary is being prepared. Showing the original description.
React Three Fiber (R3F, three.js 用 React レンダラー @react-three/fiber v9) のリファレンス。 R3F Canvas props, createRoot, useFrame, useThree, useLoader, extend, attach, primitive, args, piercing, pointer イベント / pointer capture, frameloop demand / invalidate, ThreeElements 型, @react-three/test-renderer, @react-three/eslint-plugin, React Native (Expo), v9 移行。
The English summary is being prepared. Showing the original description.
Expert in Three.js, 3D graphics, and interactive 3D visualizations
The English summary is being prepared. Showing the original description.