sparkjs

Guide building and debugging 3D Gaussian splat applications with SparkJS.

35|3|Updated Apr 14, 2026
One-click install
npx skills add https://github.com/shi3z/sparkjs-skill --skill sparkjs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sparkjs
Source: https://github.com/shi3z/sparkjs-skill/tree/main
Command: npx skills add https://github.com/shi3z/sparkjs-skill --skill sparkjs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

SparkJS knowledge helps developers build and debug 3D Gaussian splat visualizations in web contexts, integrating with Three.js and SparkJS's API to render rich splat-based scenes.

Core Features & Use Cases

  • Loading splat formats such as .ply, .spz, .splat, .ksplat, .sog, and .rad to render models.
  • Procedural splat generation (grid, text, image, particles) for rapid scene creation.
  • SDF-based editing and Level-of-Detail (LoD) streaming for dynamic, scalable scenes.
  • Dyno shader graphs, SparkControls, and performance optimization guidance for interactive apps.
  • Per-platform considerations and tuning to maximize rendering efficiency.

Quick Start

Create a SparkJS project that loads a sample butterfly.spz and renders it with SparkRenderer in a Three.js scene.

Frequently Asked Questions about sparkjs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I load and render 3D Gaussian splat files in Three.js?

To render 3D Gaussian splats in Three.js, load formats like .ply, .spz, or .splat into a SplatMesh and display them using a SparkRenderer within your scene.

Can I generate procedural 3D Gaussian splats for text and particles?

Yes, you can generate procedural 3D Gaussian splats by creating grids, text, images, or particle systems to rapidly build and populate splat-based scenes without external model files.

What is the best way to optimize Gaussian splat rendering performance for web applications?

Optimize Gaussian splat rendering performance by applying Level-of-Detail (LoD) streaming, tuning per-platform renderer options, and using SDF-based editing to manage scalable scenes efficiently.

Does SparkJS support authoring custom shaders for 3D Gaussian splats?

Yes, SparkJS supports authoring custom shaders for 3D Gaussian splats through Dyno shader graphs, allowing you to create interactive and specialized visual effects for your applications.

How do I edit 3D Gaussian splats using SDF shapes?

Edit 3D Gaussian splats with SDF shapes by applying signed distance field operations to dynamically sculpt, modify, and refine splat geometry within your Three.js environment.