codejunkie99

Image Reconstruction — Design skill for Claude Code

Design community

Reconstruct, remix, and edit image references with an agent skill, visual map, reusable JSON, and prompt compiler.

How to install Image Reconstruction

This entry records only its repository, not the path inside it, so there is no exact command to give. Open codejunkie99/image-reconstruction and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Image Reconstruction does

Reconstruct, remix, and edit image references with an agent skill, visual map, reusable JSON, and prompt compiler.

Alternatives in Design

Doc — Read, create, and edit .docx documents with formatting and layout fidelity 14.6k ★
Remix — Restyle a site in another design vocabulary — brutalist, swiss, art-deco, cyberpunk, soft-ui, or editorial 3.6k ★
Prompt UX UI Especialista Es — Entiendo que quieres que cree un prompt para un especialista en UX/UI siguiendo la estructura del ejemplo que 577 ★

README

![Image Reconstruction: bring a reference, map its parts, and make your own version.](assets/banner.svg)

Image Reconstruction

**Bring a reference. Choose what stays. Make your own version.**

An agent skill for breaking an image into named parts, saving its visual decisions, and writing the prompts to recreate, remix, or edit it. Includes a visual map, reconstruction JSON schema, prompt compiler, and a worked before/after example.

Install

**Codex**

mkdir -p ~/.codex/skills
git clone https://github.com/codejunkie99/image-reconstruction.git ~/.codex/skills/image-reconstruction

**Claude Code**

mkdir -p ~/.claude/skills
git clone https://github.com/codejunkie99/image-reconstruction.git ~/.claude/skills/image-reconstruction

Git refuses to overwrite an existing installation. If the skill is not listed immediately, start a new session.

Use it

Attach your reference image and any product image you want to use. In Codex:

$image-reconstruction Recreate this look for my product. Keep the lighting and layout, and use my product and label.

In Claude Code, use `/image-reconstruction` with the same request.

You can also ask for a breakdown or a specific edit:

$image-reconstruction Break down this reference into a visual map and reusable JSON. Do not generate an image yet.

$image-reconstruction Change the cap to black metal. Keep the bottle shape, label, lighting direction, and background.

The agent inspects the actual reference, identifies the parts and their relationships, records your changes, and compiles a rendering prompt. It uses its available image tool to create the result, then checks the intended changes and protected details.

Keep the JSON together with its reference images so the next edit starts from the same decisions.