К основному содержанию
скилл CX Codex

codex-image-gallery — скилл для Claude Code: запуск и установка

Запускает локальную веб-галерею для просмотра изображений, созданных Codex. Пригодится, когда нужно быстро проверить каталог картинок прямо в браузере.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add daymade/claude-code-skills --skill codex-image-gallery -a claude-code
Открыть на GitHub

Что делает 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-code

2Вручную: положить файлы

~/.claude/skills/codex-image-gallery/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/codex-image-gallery/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Из того же набора64

notify-wecom Отправляет одно разовое сообщение в групповой бот WeCom (Enterprise WeChat). Пригодится, когда нужно быстро уведомить команду без шаблонов и настройки. CX Codex +1 341установок setup-notifications-via-wecom Настраивает отправку технических статусов и алертов в группу WeCom через вебхук бота. Пригодится, когда бэкап, синк или крон должны отчитаться сами. CX Codex +1 341установок local-codex Запускает локальный OpenAI Codex CLI как субагента через OAuth-авторизацию ChatGPT. Пригодится, чтобы делегировать написание кода или ревью без API-ключей. CX Codex +1 333установок wps-doc-scraper Скилл сохраняет публичные документы WPS/KDocs и встроенные карты ProcessOn как исходные данные, SVG или PNG и Markdown. Пригодится, когда ссылку нужно забрать без входа в аккаунт. CX Codex +1 334установок download-gemini-images Скилл выгружает картинки из открытого чата Gemini через вашу залогиненную сессию Chrome и складывает их в ZIP по порядку. CX Codex +1 325установок openclaw-model-switch Скилл настраивает и чинит конфигурацию моделей в OpenClaw через безопасную правку openclaw.json. Пригодится при смене основной модели, ошибках авторизации и сбоях маршрутизации ключей. CX Codex +1 323установок claude-migrate-memory-to-doc Вытаскивает профиль и предпочтения из личной памяти Claude в документы, которые читают Codex, Cursor и другие CLI. CX Codex +1 325установок skill-governance Разбирается, сколько скиллов реально видит модель, почему каталог обрезан и какие дубли пора убрать. Полезен, когда скиллов стало много и непонятно, что из них грузится. CX Codex +1 303установок

Похожие

wasm-gallery ruvnet Скилл для поиска, установки и публикации WASM-агентов из общего каталога. Пригодится, когда нужен готовый агент или хочешь поделиться своим. CX Codex +1 741установок github-image-upload drogers0 Загружает локальные картинки, PDF, zip и логи на GitHub и вставляет ссылки в описание PR, issue или комментарий. CX Codex +1 509установок linkfox-zhihuiya-fulltext-image linkfox-ai Достаёт из патентной базы Zhihuiya ссылки на встроенные в документы чертежи, схемы и рисунки по номеру публикации или внутреннему ID патента. CX Codex +1 389установок unsplash-image OpenClaudia Ищет стоковые фото на Unsplash, скачивает их и по желанию накладывает заголовок с подзаголовком. Пригодится, когда нужна картинка для статьи или обложки. CX Codex +1 367установок remove-image-watermark pilioai Скилл отправляет изображения в API Pilio через CLI и скачивает результат без видимых водяных знаков. Пригодится для очистки картинок форматов PNG, JPG, JPEG и WEBP. CX Codex +1 7 600установок netlify-image-cdn netlify Помогает настроить трансформацию изображений на лету через эндпоинт Netlify Image CDN. Пригодится при сжатии картинок и генерации плейсхолдеров. CX Codex +1 3 000установок

Рядом в теме «Настройка агента: память, контекст, субагенты»

Все скиллы по теме «Настройка агента: память, контекст, субагенты» →

Вопросы о 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

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой