codex-image-gallery — скилл для Claude Code: запуск и установка
Запускает локальную веб-галерею для просмотра изображений, созданных Codex. Пригодится, когда нужно быстро проверить каталог картинок прямо в браузере.
npx skills add daymade/claude-code-skills --skill codex-image-gallery -a claude-codeЧто делает codex-image-gallery
Скилл разворачивает локальный сервер для просмотра изображений, которые сгенерировал Codex. Внутри всё автономно: серверная часть написана на scripts/server.mjs, а интерфейс хранится в файле assets/index.html. По умолчанию галерея читает папку ~/.codex/generated_images, но через переменную окружения GALLERY_ROOT можно указать любой другой каталог.
Перед стартом агент проверяет, не запущен ли процесс на порту 8765 через эндпоинт /api/images. Если дефолтный порт занят другим приложением, скрипт автоматически перебирает следующие номера портов. Для запуска обязательно требуется установленный Node.js, без которого серверный скрипт просто не поднимется. После успешного старта инструмент сразу открывает браузер.
Какие задачи решает
- открыть локальную веб-галерею для сгенерированных изображений
- просмотреть графические файлы из папки ~/.codex/generated_images
- подключить другой каталог с картинками через переменную GALLERY_ROOT
- переиспользовать запущенный сервер галереи без дублирования процессов
Примеры запросов агенту
- Открой локальную галерею с картинками от Codex
- Покажи сгенерированные изображения из ~/.codex/generated_images
- Запусти просмотр изображений из папки assets через codex-image-gallery
Как установить codex-image-gallery
1Через Skills CLI (Vercel)
npx skills add daymade/claude-code-skills --skill codex-image-gallery -a claude-code2Вручную: положить файлы
~/.claude/skills/codex-image-gallery/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/codex-image-gallery/
1Через Skills CLI (Vercel)
npx skills add daymade/claude-code-skills --skill codex-image-gallery -a codex2Вручную: положить файлы
.agents/skills/codex-image-gallery/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add daymade/claude-code-skills --skill codex-image-gallery -a cursor2Вручную: положить файлы
.cursor/skills/codex-image-gallery/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install daymade/claude-code-skills codex-image-gallery2Вручную: положить файлы
.github/skills/codex-image-gallery/SKILL.md1Через Skills CLI (Vercel)
npx skills add daymade/claude-code-skills --skill codex-image-gallery -a gemini-cli2Командой платформы
gemini skills install https://github.com/daymade/claude-code-skills --path daymade-codex/codex-image-galleryВручную: положить файлы
.devin/skills/codex-image-gallery/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add daymade/claude-code-skills --skill codex-image-gallery -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора64
Похожие
Рядом в теме «Настройка агента: память, контекст, субагенты»
Все скиллы по теме «Настройка агента: память, контекст, субагенты» →Вопросы о codex-image-gallery
Как установить codex-image-gallery в Claude Code?
Выполните команду npx skills add daymade/claude-code-skills --skill codex-image-gallery -a claude-code. Она добавит скилл в окружение агента.
Что делает codex-image-gallery?
Скилл поднимает локальный сервер на Node.js и открывает веб-страницу для просмотра изображений, созданных Codex. По умолчанию считываются файлы из директории ~/.codex/generated_images.
Как указать другую папку с изображениями вместо стандартной?
Передайте путь в переменной окружения перед запуском сервера: GALLERY_ROOT=/path/to/images node scripts/server.mjs. Сервер начнёт раздавать изображения из указанной папки.
Исходный текст
SKILL.md · MIT
---
name: codex-image-gallery
description: Start or reuse a self-contained local web gallery for browsing Codex-generated images. Use when the user asks to browse Codex generated images, open a local image gallery, inspect ~/.codex/generated_images, view a Codex image output folder, or browse image files produced by Codex.
---
# Codex Image Gallery
Start a local browser gallery for Codex image outputs. This skill is self-contained: the server lives in `scripts/server.mjs`, and the UI template lives in `assets/index.html`.
## Quick Start
Run commands from this skill directory, the directory containing this `SKILL.md`.
```bash
node scripts/server.mjs
```
The server prints the actual URL. It starts at `http://127.0.0.1:8765/` and tries later ports if the default is occupied.
## Workflow
1. Check the default URL first:
```bash
node -e 'fetch("http://127.0.0.1:8765/api/images").then(r => r.json()).then(j => console.log(j.rootPath, j.items.length)).catch(() => process.exit(1))'
```
If this succeeds, reuse the running server at `http://127.0.0.1:8765/`.
2. If the API check fails, check for a running server process:
```bash
pgrep -fl 'node .*server\.mjs' || true
```
When a process exists but the default URL fails, inspect its stdout or try likely later ports because the server auto-increments when a port is occupied.
3. Verify any reused URL before reporting success:
```bash
node -e 'fetch("http://127.0.0.1:8765/api/images").then(r => r.json()).then(j => console.log(j.rootPath, j.items.length))'
```
If the server chose another port, use that port.
4. Start the server if none is running:
```bash
node scripts/server.mjs
```
Keep the process running for the user and read stdout for the URL.
5. Open the browser unless the user asks for URL-only:
```bash
open http://127.0.0.1:8765/
```
## Image Root
Default image root:
```text
~/.codex/generated_images
```
Use a different folder with:
```bash
GALLERY_ROOT=/path/to/images node scripts/server.mjs
```
## Validation
Before declaring the skill healthy after edits, run:
```bash
node --check scripts/server.mjs
```
Then start the server and verify:
- `GET /api/images` returns JSON with `rootPath` and `items`
- `/images/<relative-path>` returns image content for at least one listed item
- The page loads from the bundled `assets/index.html`
## Response
Report the URL, image root, whether the server was reused or newly started, and any verification failure. Keep the answer short.
© daymade · MIT · daymade/claude-code-skills