Photographic puzzle with interlocking pieces from an original coastal village image

Each internal boundary is generated once and reused by the two neighboring pieces in opposite directions. SVG clips preserve the original photo inside those curved pieces; a local interaction layer tracks movement, snap distance and completion. Owned photos are assembled and played locally without generation calls. PopNow can create a missing puzzle picture after an exact quote and approval; extra pieces increase local rendering and interaction work.

Uses PopNow for
Images
Needs
Python 3

Generation is optional when you have suitable input material.

v1.0.0 · Updated Oct 25, 2026 · 11.2 MB · Use it for personal and client work; please don't resell or share the package.

What you get

  1. Playable local HTML puzzle

  2. Solved-photo PNG and editable SVG clip paths

  3. Piece geometry, copied photograph and portable brief

Good for

  • Personal photo puzzles and playful keepsakes
  • Interactive illustrations with a verifiable completed state

Not for

  • Laser-ready cutting tolerances
  • Unconstrained collage placement

How it works

Includes a local renderer

  1. Choose the input

    Choose a detailed photo and set the puzzle grid.

  2. Render and inspect

    Build the shared piece geometry and open the local HTML.

  3. Adjust and export

    Play, inspect the completed image or export the editable clipping paths.

How the workflow runs

How Jigsaw photo playground works

Each internal boundary is generated once and reused by the two neighboring pieces in opposite directions. SVG clips preserve the original photo inside those curved pieces; a local interaction layer tracks movement, snap distance and completion.

What's inside the skill

What you can change

  • rows: 2–8 and columns: 2–10
  • tab_depth: 0.10–0.23 of the smaller piece dimension
  • snap_distance: 8–40 SVG units
  • source photograph and shuffle seed

What to review before delivery

  • The piece count equals rows × columns and every identifier is unique.
  • Every piece is a closed path built from shared edges.
  • The saved brief reproduces the PNG and SVG; unsafe replacement is rejected.

See the package files

These are selected working files from this edition, with their actual role. The complete download also contains instructions and applicable license notices.

  • The domain algorithm and invariant checks.

    scripts/recipe.py
  • Runnable, editable example parameters.

    examples/brief.json
  • Control meanings, proof interpretation and limits.

    references/design-notes.md

Why use this skill

Start with this package

The package supplies fitting edge geometry, source-image clipping and actual puzzle state. It goes beyond drawing a puzzle overlay or letting unrelated stickers move freely.

What PopNow adds

Use PopNow for the missing Images in this workflow. Keep adequate material you already own, then bring new assets back into the editing and assembly steps described here.

Compare the options

A prompt, your own skill, or this workflow?

Start with a prompt

Your agent can create from a plain request. The brief, visual rules, asset choices, output format and review process still need to be established for that project.

Write your own skill

You choose and maintain the reusable instructions, defaults, file structure and checks. This is useful when your process needs different rules or integrations.

A workflow created for PopNow

This workflow was built for PopNow. Its source files, included dependencies and applicable notices are part of the package; the scope described below belongs to this edition.

Guide reviewed Oct 25, 2026

What will this cost?

Owned photos are assembled and played locally without generation calls. PopNow can create a missing puzzle picture after an exact quote and approval; extra pieces increase local rendering and interaction work.

Generation is optional when you have suitable input material. Free skill. New media is quoted before it runs.

The skill package

Free to install under your account's download allowance. The package license covers your own and client work; redistribution is excluded.

Existing assets and local work

Reusing suitable assets, editing files and running local assembly do not call a PopNow generation model. Your computer and any required runtime still do the work.

New AI images, clips or sound

Quoted for the actual model, inputs, count, duration and resolution. Extra alternatives, revisions or optional enhancement passes can add generation requests.

Your agent and hosting

Any subscription, hosted computer, deployment or other provider fee belongs to that service. Installing this skill does not include those services.

Check the cost of your version first

Your assistant can inspect the available models and quote the exact request first. You choose which optional passes to include and approve spending before generation.

Ask your assistant

  • Use the PopNow skill "Jigsaw photo playground" for my project. List the inputs you can reuse, quote only the missing media, show the quoted total and flag any unpriced steps. Separate optional enhancements, and wait for my approval before starting anything paid.

How PopNow billing works

Connections using a PopNow API key, including API-key MCP connections, spend from the separate API balance in USD. A ChatGPT or Claude connection authorized through OAuth spends website credits. These balances are separate; the quote shown by your connection is the approval basis.

Download allowances and current account conditions apply. A free package does not mean unlimited free generation.

How to use it

You say

  • Use the PopNow skill "Jigsaw photo playground" (jigsaw-photo-playground) for this: Choose a detailed photo and set the puzzle grid. Use the packaged example as a starting point and return the actual artwork with its editable inputs.

Then try

  • Rebuild a visibly different version using columns: 5 → 6; seed: 17 → 11.

  • Explain the result using its actual proof files and algorithm ledger.

What to have ready

  • A photograph you own or may use
  • Desired rows, columns and difficulty
  • Python 3.10+, Pillow and NumPy; a browser for play

Similar skills

View all →

Ratings

No ratings yet. Installed it? Be the first to rate it.

Rate this skill

Questions

Do the pieces really fit together?

Neighboring pieces reuse the same curved boundary in reverse, so the digital paths match. Drag a piece near its target to snap; the interface tracks how many pieces are placed.

Can I play without dragging?

Yes. Tab selects a piece, arrow keys move it and Enter tries to snap it. The interface also provides Shuffle, Snap selected and Show completed image buttons.

What costs depend on this workflow?

Owned photos are assembled and played locally without generation calls. PopNow can create a missing puzzle picture after an exact quote and approval; extra pieces increase local rendering and interaction work.

What is already packaged in Jigsaw photo playground?

The domain algorithm and invariant checks. Runnable, editable example parameters. Control meanings, proof interpretation and limits.

Which parts of Jigsaw photo playground can add a charge?

Owned photos are assembled and played locally without generation calls. PopNow can create a missing puzzle picture after an exact quote and approval; extra pieces increase local rendering and interaction work. Connections using a PopNow API key, including API-key MCP connections, spend from the separate API balance in USD. A ChatGPT or Claude connection authorized through OAuth spends website credits. These balances are separate; the quote shown by your connection is the approval basis.

How does Jigsaw photo playground differ from writing a prompt or my own skill?

The package supplies fitting edge geometry, source-image clipping and actual puzzle state. It goes beyond drawing a puzzle overlay or letting unrelated stickers move freely.