jig studio · bookmarklet

Overlay the jig on any page you're looking at. Drag, pinch, step; copy the patch; propose the change to whoever owns the site.

Drag this to your bookmarks bar

🦆 Jig this page

On a phone: bookmark any page, then edit the bookmark and replace its address with the code below.

How it works

  1. On any page, click the bookmark. The jig loads from this site and turns on; nothing is written to the page you're on.
  2. Everything it can find becomes adjustable: cover-cropped images, text, buttons, sections, text overlays. The grid, device frames, and protection scan work as usual.
  3. No foundation file on a foreign site, so the jig reads the page's CSS variables or infers scales from the rendered page; advanced → foundation shows what it decided and lets you correct it.
  4. Copy patch. The patch names the page URL, so the person (or AI) applying it knows where it goes, and it carries the proposed tokens.
Some sites ship a strict Content-Security-Policy that blocks injected scripts (most large apps, banks, GitHub). The bookmarklet can't get past that; nothing will happen and the console will say why. A browser extension can, and is on the list.

The code

For editing a bookmark by hand, or for the curious.