关于 codex-image-gallery
Codex Image Gallery 是用于在本地浏览器查看 Codex 图像输出的 skill。它启动本地服务器,可指定图片目录,并在默认端口被占用时尝试后续端口。
主要功能
- 01在本地浏览器展示 Codex 图像
- 02支持自定义图片目录
- 03默认端口占用时尝试其他端口
- 04提供图片列表 API
适用场景
- 01浏览 Codex 生成的图片
- 02从其他文件夹查看图片
- 03复用已运行的本地图像画廊
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ daymade/ claude-code-skills --skill codex-image-gallery安装后在 Claude Code 中输入/codex-image-gallery确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
agents/openai.yamlassets/index.htmlscripts/server.mjs详细介绍
Codex 图片画廊
启动本地浏览器画廊,查看 Codex 生成的图像。此技能可独立运行:服务端位于 scripts/server.mjs,UI 模板位于 assets/index.html。
快速开始
在此技能目录(即包含此 SKILL.md 的目录)中运行命令。
node scripts/server.mjs
服务端会输出实际 URL。它会从 http://127.0.0.1:8765/ 开始,并在默认端口被占用时尝试后续端口。
工作流
-
首先检查默认 URL:
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))'如果成功,则复用运行中的服务
http://127.0.0.1:8765/。 -
如果 API 检查失败,则检查是否有正在运行的服务进程:
pgrep -fl 'node .*server\.mjs' || true如果存在进程,但默认 URL 无法访问,请检查其标准输出,或尝试后续可能使用的端口,因为端口被占用时,服务会自动递增端口号。
-
报告成功前,验证任何复用的 URL:
node -e 'fetch("http://127.0.0.1:8765/api/images").then(r => r.json()).then(j => console.log(j.rootPath, j.items.length))'如果服务选择了其他端口,请使用该端口。
-
如果没有正在运行的服务,则启动服务:
node scripts/server.mjs保持进程运行,并从标准输出中读取 URL。
-
除非用户只要求提供 URL,否则请打开浏览器:
open http://127.0.0.1:8765/
图像根目录
默认图像根目录:
~/.codex/generated_images
使用其他文件夹:
GALLERY_ROOT=/path/to/images node scripts/server.mjs
验证
编辑后,在确认技能正常运行前,请执行:
node --check scripts/server.mjs
然后启动服务并验证:
GET /api/images返回包含rootPath和items的 JSON/images/<relative-path>为至少一个列出的项目返回图像内容- 页面通过打包的
assets/index.html加载
响应
报告 URL、图像根目录、服务是复用还是新启动,以及任何验证失败。回答简短即可。
评论
支持 Markdown