15 个 · 按相关度排序
Write, review, and optimize React Three Fiber code for 3D scenes in React. Apply prioritized guidance on unnecessary re-renders, animation loops, model loading, state management, visual effects, and physics across the Poimandres ecosystem.
中文简介正在准备中。当前显示英语简介。
Build animated 3D scenes in React Three Fiber using examples for object motion, model playback, and spring effects. Guidance covers blending character movements, responding to interactions, and managing state to reduce unnecessary React rendering.
中文简介正在准备中。当前显示英语简介。
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 移行。
中文简介正在准备中。当前显示原文说明。
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.
中文简介正在准备中。当前显示英语简介。
Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions, scrollytelling, bold minimalism, cursor UX, glassmorphism, accessibility compliance, performance optimization, or design system architecture. References animation skills (GSAP, Framer Motion, React Spring), 3D skills (Three.js, R3F, Babylon.js), and component libraries for implementation guidance.
中文简介正在准备中。当前显示原文说明。
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.
中文简介正在准备中。当前显示原文说明。
Three.js 性能优化指南。当 Three.js/React Three Fiber 项目出现掉帧、内存增长、加载缓慢、绘制调用过多，或需要迁移 WebGPU、实现大规模粒子/实例化渲染、配置资源压缩管线时使用。触发关键词："Three.js 优化"、"WebGPU"、"draw calls"、"内存泄漏"、"TSL"、"InstancedMesh"、"R3F 优化"等。不用于：通用 React 性能问题（用 vercel-react-best-practices）、WebGL/Three.js 入门教学、3D 美术资产的制作本身。
中文简介正在准备中。当前显示原文说明。
Three.js and React Three Fiber sub-skill - 3D scenes, shaders, postprocessing.
中文简介正在准备中。当前显示原文说明。
You are an expert in @react-three/drei, the companion library for React Three Fiber that provides 100+ ready-made components and hooks for common 3D patterns. You help developers add orbit controls, environment maps, text rendering, HTML overlays, loaders, performance utilities, shaders, and abstractions — eliminating boilerplate and letting teams focus on creative work instead of Three.js plumbing.
中文简介正在准备中。当前显示原文说明。
Expert guide for modern web-based game development. Covers PlayCanvas, Babylon.js Havok, Three.js/R3F Rapier & Jolt Physics, Fixed-Timestep Accumulators, Zero-GC Pooling, ECS (bitECS/Miniplex), Spatial Audio (HRTF), and WebTransport networking / Panduan ahli pengembangan game web modern dan efisien.
中文简介正在准备中。当前显示原文说明。
Expert guide for modern WebGPU and WebGL 3D graphics in the browser using Three.js (WebGPURenderer + TSL), Babylon.js, PlayCanvas, React Three Fiber (R3F), and 3Dviz spatial reasoning — covers object craft across 3 scales, surface continuity at joins, physical interaction envelopes, grounded scientific visualization, KTX2/Meshopt optimization, and 3D visual anti-slop / Panduan ahli grafis 3D web, WebGPU modern, dan penalaran spasial 3Dviz.
中文简介正在准备中。当前显示原文说明。
Blender MCP expert for scene inspection, Python scripting, GLTF export, and material/animation extraction. Activate when: (1) using Blender MCP tools (get_scene_info, execute_python, screenshot, etc.), (2) writing Blender Python scripts for extraction or manipulation, (3) exporting scenes to GLTF/GLB for web (Three.js, R3F), (4) debugging material or texture export losses, (5) optimizing GLB files with gltf-transform, (6) using asset integrations (PolyHaven, Sketchfab, Hyper3D Rodin, Hunyuan3D). Covers critical export gotchas, material mapping survival, texture optimization pipeline, headless CLI patterns, and known failure modes.
中文简介正在准备中。当前显示原文说明。
React Three Fiber (R3F) 3D rendering — Canvas, meshes, materials, lights, cameras, animations, events, physics, post-processing, performance
中文简介正在准备中。当前显示原文说明。
3D Web Specialist IA — Expert en 3D web (Three.js, React Three Fiber, WebGL, shaders, 3D product viewers)
中文简介正在准备中。当前显示原文说明。
Theatre.js アニメーションツールキットリファレンス。 @theatre/core / @theatre/studio / @theatre/r3f / @theatre/dataverse。 getProject, Sheet, Sequence, Object, val, onChange, prop-types（number / rgba / compound / image）。 studio initialize / extend / transaction / scrub / createPane。 SheetProvider, editable, useCurrentSheet, useVal, usePrism, useAtom。 keyframe アニメーション、audio sync、state JSON、React Three Fiber 統合。
中文简介正在准备中。当前显示原文说明。