vectojs-performancelisted
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 |
| ----------------------------------------------