클로드스킬마트스킬 둘러보기스킬이 뭐예요?
 
← 목록으로

Codex 이미지 갤러리

Codex가 생성한 이미지를 로컬 웹 갤러리로 띄워 브라우저에서 바로 훑어보게 해주는 스킬.

유틸리티입문★ 1,323⑂ 212AI 점수 7/10마지막 업데이트: 2026. 8. 8.

무엇을 해주나

~/.codex/generated_images 같은 폴더에 쌓인 Codex 생성 이미지를 로컬 웹 서버(http://127.0.0.1:8765/)로 띄워 브라우저에서 한눈에 볼 수 있게 합니다. 서버 코드(scripts/server.mjs)와 UI(assets/index.html)가 스킬 안에 모두 포함된 자급자족 구조라 외부 의존성이 거의 없습니다.

또한 이미 실행 중인 서버가 있는지 API 호출과 프로세스 검색으로 먼저 확인하고, 있으면 재사용하고 없으면 새로 띄웁니다. 기본 포트가 사용 중이면 다음 포트로 자동 증가합니다.

이런 분께 추천

  • Codex/AI 이미지 생성 결과물을 파일 탐색기 대신 갤러리 형태로 빠르게 확인하고 싶은 분
  • 여러 번 생성한 이미지 결과를 비교·선별해야 하는 디자이너·기획자
  • 터미널에서 벗어나지 않고 결과 이미지를 확인하고 싶은 개발자

활용 예시

  1. "Codex로 만든 이미지 갤러리 열어줘" → 서버 실행 후 브라우저가 자동으로 열립니다.
  2. "~/work/renders 폴더를 갤러리로 보여줘" → GALLERY_ROOT=~/work/renders로 서버를 띄워 해당 폴더를 표시합니다.
  3. "갤러리 URL만 알려줘" → 브라우저는 열지 않고 실행 중인 서버 주소와 이미지 개수만 보고합니다.

· · · 설치 가이드 · · ·

Claude 앱에 설치 (터미널 필요 없음)
  1. 아래 버튼으로 ZIP 파일을 받으세요.
  2. Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
  3. Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
↓ ZIP 내려받기
Claude Code에 설치

Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 daymade/claude-code-skills 의 codex-image-gallery 폴더를 내 ~/.claude/skills/codex-image-gallery/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.

직접 명령으로 설치하기

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/

⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.

  1. Node.js가 설치되어 있는지 확인합니다: 터미널에서 node -v 입력 (없으면 nodejs.org에서 설치).
  2. 저장소를 내려받습니다: git clone https://github.com/daymade/claude-code-skills.git
  3. 스킬 폴더를 만듭니다: mkdir -p ~/.claude/skills
  4. 스킬을 복사합니다: cp -r claude-code-skills/codex-image-gallery ~/.claude/skills/
  5. Claude Code를 재시작한 뒤 "Codex 이미지 갤러리 열어줘"라고 요청하면 스킬이 자동으로 동작합니다.
  6. 포트 충돌이 나면 서버가 8765 다음 포트를 자동으로 사용하니, 터미널에 출력된 실제 URL을 확인하세요.
GitHub에서 원본 보기 ↗라이선스: MIT