Sparkjs Skill

sparkjs-skill

A [Claude Code](https://claude.ai/claude-code) skill that adds comprehensive knowledge of the [SparkJS](https://sparkjs.dev/) 3D Gaussian Splat rendering library.

Overview

SparkJS is a JavaScript library integrated with Three.js for rendering and manipulating 3D Gaussian Splats in web browsers. With this skill installed, Claude Code understands the full SparkJS API, design patterns, and optimization techniques, enabling accurate code generation and debugging.

Features Covered

• Full API for SparkRenderer / SplatMesh / PackedSplats / ExtSplats
• Loading splat files in .ply, .spz, .splat, .ksplat, .sog, .rad formats
• SDF-based splat editing (sphere, box, plane, ellipsoid, cylinder, capsule, cone)
• Procedural splat generation (grid, text, image, particles)
• Level-of-Detail (LoD) streaming and tuning
• Dyno shader graph system (117+ stdlib functions reference included)
• SparkControls (FPS / pointer / gamepad / mobile touch)
• Per-platform performance optimization guide

Installation

Method 1: git clone (recommended)

mkdir -p ~/.claude/skills
git clone https://github.com/shi3z/sparkjs-skill.git ~/.claude/skills/sparkjs

Method 2: Per-project setup

Clone into your project's `.claude/skills/` directory to scope the skill to a specific project:

mkdir -p .claude/skills
git clone https://github.com/shi3z/sparkjs-skill.git .claude/skills/sparkjs

Method 3: Manual copy

Download `SKILL.md` and the `references/` directory, then place them at `~/.claude/skills/sparkjs/`:

~/.claude/skills/sparkjs/
├── SKILL.md
└── references/
    ├── dyno-api.md
    └── spark-renderer-options.md

Updating

cd ~/.claude/skills/sparkjs && git pull

File Structure

sparkjs/
├── SKILL.md                           # Main skill definition
│   ├── Quick Start template
│   ├── Core API reference
│   ├── SDF editing & procedural generation
│   ├── LoD, pe