Claude Skill MartBrowse skillsWhat is a Skill?
 
← Back to list

Codex Image Gallery

Spins up a self-contained local web gallery to browse Codex-generated images in your browser.

UtilitiesBeginner★ 1,323⑂ 212AI score 7/10Last updated: Aug 8, 2026

What it does

Starts a lightweight local web server (http://127.0.0.1:8765/) that lists and displays images from a folder — by default ~/.codex/generated_images. Both the server (scripts/server.mjs) and the UI template (assets/index.html) ship inside the skill, so there is nothing extra to install beyond Node.js.

The workflow first probes the API and running processes to reuse an existing gallery server instead of spawning duplicates, and the server auto-increments the port if 8765 is taken. It also documents validation steps (node --check, API and image-route checks) after edits.

Who it's for

  • Anyone generating batches of images with Codex/AI who wants a visual grid instead of a file browser
  • Designers and content creators comparing multiple renders side by side
  • Developers who prefer to trigger everything from the terminal or Claude Code

Examples

  1. "Open my Codex image gallery" → the server starts and the browser opens automatically.
  2. "Browse ~/work/renders as a gallery" → runs with GALLERY_ROOT=~/work/renders.
  3. "Just give me the URL, don't open a browser" → reports the live URL, image root, and item count only.

· · · Install guide · · ·

Install in the Claude app (no terminal)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
↓ Download ZIP
Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on Claude Skill Mart.
Copy the codex-image-gallery folder from the GitHub repo daymade/claude-code-skills into my ~/.claude/skills/codex-image-gallery/.
When it's done, tell me in one line what this skill can do.

Install with a command instead

git clone https://github.com/daymade/claude-code-skills.git /tmp/claude-code-skills && mkdir -p ~/.claude/skills && cp -r /tmp/claude-code-skills/codex-image-gallery ~/.claude/skills/

⚠ This is a third-party skill. Check the source repository before installing.

  1. Confirm Node.js is installed: run node -v in your terminal (install from nodejs.org if missing).
  2. Clone the repo: git clone https://github.com/daymade/claude-code-skills.git
  3. Create the skills folder: mkdir -p ~/.claude/skills
  4. Copy the skill in: cp -r claude-code-skills/codex-image-gallery ~/.claude/skills/
  5. Restart Claude Code and ask it to "open the Codex image gallery".
  6. If port 8765 is busy the server picks the next free port — read the actual URL printed in the terminal output.
View source on GitHub ↗License: MIT