Agent skill · design visual · daffy0208
3d-visualizer
Expert in Three.js, 3D graphics, and interactive 3D visualizations
Why this skill is useful
Provides specific Three.js commands and patterns for creating interactive 3D visualizations that the AI wouldn't reliably generate on its own.
What it needs
Requires @react-three/drei, @react-three/fiber, three installed locally. About 5k tokens when loaded. Last updated 2025-12-25. 33 stars on the source repository.
What this skill does
3D Visualizer Skill I help you create 3D visualizations, interactive 3D graphics, and immersive web experiences using Three.js. What I Do 3D Graphics: 3D models and scenes Materials and lighting Animations and interactions Camera controls 3D Data Visualization: 3D charts and graphs Network visualizations Geospatial data Scientific visualization Interactive 3D: Product viewers (360°) Configurators Interactive demos 3D games Three.js with React Three Fiber Basic 3D Scene --- 3D Model Loader --- Animated 3D --- 3D Chart (Bar Chart) --- Interactive 3D Product Configurator --- Network Graph 3D --- Performance Tips Instanced Mesh (Many Objects) --- When to Use Me Perfect for: Building 3D product viewers Creating data visualizations Interactive 3D experiences Scientific visualization 3D game prototypes I'll help you: Set up Three.js projects Load 3D models Create interactive 3D Optimize 3D performance Build 3D charts What I'll Create Let's bring your data and products to life in 3D!
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills daffy0208/3d-visualizer