← ClaudeAtlas

vectojs-performancelisted

Use when diagnosing or optimizing VectoJS performance, frame drops, layout/text cost, high entity counts, compute-heavy workloads, WebGL/WebGPU backend choices, virtualization, memory leaks, or benchmark methodology.
vectojs/vectojs-skills · ★ 0 · API & Backend · score 72
Install: claude install-skill vectojs/vectojs-skills
# VectoJS Performance Use this skill when VectoJS feels slow or when designing workloads that may exceed DOM or Canvas 2D limits. ## Diagnosis workflow 1. Separate render cost, layout/text cost, application compute, event/hit-test cost, and DOM semantic-sync cost. 2. Reproduce with a fixed workload and record entity count, text length, backend, viewport, DPR, hardware, and browser. 3. Check whether CPU compute dominates before changing renderer backends. 4. Reduce unnecessary work: on-demand rendering, viewport culling, virtualization, prepared text, and dirty-region discipline. 5. Choose GPU paths only for matching workloads: WebGL point batching for large points/rects, WebGPU particles for compute-driven simulations. 6. Verify with the same benchmark after each change. Read `references/performance-checklist.md` for concrete probes and fixes. For token streams / chat / log tails, read `references/streaming-recipes.md` — the per-frame batching pattern there is the single highest-leverage streaming fix and is NOT optional for LLM-speed streams. ## Decision matrix | Symptom | Likely area | First fix | | ----------------------------------------------