
from sparkjs-skill30
Tools and guidance for building, editing, and optimising 3D Gaussian splat scenes in the browser using SparkJS and Three.js.
SparkJS provides a JavaScript runtime and helper APIs for rendering 3D Gaussian splats (point-based rendering) in web browsers. This skill documents core components (SparkRenderer, SplatMesh, PackedSplats/ExtSplats), editing tools (SDF-based edits), procedural generators, LoD workflows, and Dyno shader patterns — enabling agents to create, debug, and optimise high-performance splat visualisations integrated with Three.js.
Use this skill when you need to load or display splat file formats (.spz, .splat, .rad, .ply), generate procedural splat geometry (grids, text, images), implement Level-of-Detail streaming for large scenes, author Dyno GPU shader blocks, or tune rendering performance for web and VR targets. It is appropriate for building demos, visualization tools, or interactive experiences that rely on splat rendering.
Best suited for agents that can author or execute JavaScript/Node workflows and provide code suggestions (Copilot, Claude Code, Copilot-type assistants). The skill includes code snippets for browser modules and Three.js integration.
SparkJS skill provides comprehensive documentation for a 3D Gaussian Splat rendering library with Three.js integration. No bundled scripts — purely a reference/guide skill. The SKILL.md is well-structured with clear triggers, complete API documentation, working code templates, and good progressive disclosure. Code examples use CDN imports without SRI hashes (minor security note). Unique in its niche but serves a specific developer audience.
Clean documentation skill for an emerging 3D web library. Well-organized with good code examples and clear API reference. No security concerns. Would benefit from helper scripts and subresource integrity on CDN links.