composable-svelte-graphics

What problem does it solve?

This Skill enables developers to create declarative, store-driven 3D graphics in Svelte, simplifying the construction and rendering of scenes with cameras, lights, and meshes using WebGPU or WebGL.

Core Features & Use Cases

• Scene, Camera, Light, and Mesh components for building interactive 3D UIs
• Geometry types (box, sphere, cylinder, torus, plane) with configurable materials
• Automatic renderer selection between WebGPU and WebGL via Babylon.js integration
• Centralized graphics state management with a pure reducer pattern
• Suitable for interactive demos, 3D product visuals, and educational graphics apps

Quick Start

Create a minimal graphics store and render a Scene with a Camera, Lights, and a Mesh to visualize a simple object.