Sketch Density Check

Local check · three screens · no upload

Test the screens your sketch will meet.

Catch fuzzy canvases, slow frames, laggy input, and brittle WebGL before your students or audience do.

cargo install sketch-density-check

Free, open source, and local-first. Requires a Chromium-family browser.

Three glowing phone and tablet screens under a night-market calibration awning
390 × 844430 × 932820 × 1180

2× / 3×Backing-store fit

< 20 msFrame p95 budget

< 100 msInput-to-paint budget

0 uploadsYour work stays local

One command before publish

Three passes through the stall

The checker makes browser profiling legible without pretending a laptop can perfectly reproduce every phone.

  1. 01

    Load the real sketch

    Point at a folder or local dev URL. Assets and code stay on your machine.

  2. 02

    Exercise each density

    Capture phone and tablet frames, 120-frame traces, focus signals, reduced motion, and a WebGL-disabled fallback.

  3. 03

    Read the publish card

    Get direct pass, check, or fail language plus PNGs and JSON for CI.

Recorded demo

A result an artist can act on

Select a device profile to inspect the sample run. Arrow keys work on the selector.

Publish card / sample● Ready
Frame p9517.2 ms
Input p9528.4 ms
Canvas780 × 1688
Golden diff0.18%

Canvas backing store matches 390 × 844 CSS pixels at 2×.

Open the shutters

Check a sketch in one local run.

sketch-density-check ./my-sketch --out .sketch-check
Read the full CLI guide