요청에서 납품까지 네 단계
01
요청
필요한 이미지와 쓸 곳을 적어요.
02
시안
콘셉트 3안, 구성 3안으로 넓혀요.
03
선택
나란히 비교해 최종안을 골라요.
04
채널팩
규격별로 변환해 ZIP으로 받아요.
아쉬운 점을 고르면 다시 그려요
구도가 아쉬움
색감, 조명을 바꾸고 싶음
너무 복잡함
더 고급스럽게
완전히 새 아이디어
서로 다른 3안 비교
화면 구성 3단계 비교

채널을 고르면 비율이 따라와요
4:5
인스타 피드9:16
스토리, 릴스, 쇼츠1:1
정사각, 프로필16:9
유튜브 썸네일, 배너2:3
포스터, 인쇄3:4
엽서, 카드나온 파일은 기계가 먼저 재요
- 비율이 2% 안쪽으로 맞는지. 어긋나면 자동 재생성
- 내 제약이 그리기 호출에 실제로 전달됐는지
- 캔버스 크기가 채널 규격과 맞는지
- 누끼 결과에 투명 픽셀이 실제로 있는지
- 요청의 의미를 담았는지는 아직 사람이 봐요

내 PC에서, 내 구독으로
운영자가 생성 비용을 내지 않는 구조예요.
브라우저
화면
순수 자바스크립트
내 PC
이미지 스튜디오 서버
작업 큐, 형식 검사, 저장
내 PC
Codex CLI
내장 image_gen이 그려요
OpenAI
내 ChatGPT 구독
앱은 API 키를 저장하지 않아요
설치
Windows 기준
Node.js 20+ 와 Python 3.14 설치
Codex CLI 설치, ChatGPT 계정으로 로그인
npm install -g @openai/codex codex login
이미지 스튜디오 받기
git clone https://github.com/oksk4524/image-studio.git cd image-studio
실행 후 localhost:8765 열기
py -3.14 server.py
만든 방식
- 이미지 생성
- Codex CLI 내장 image_gen
- 서버
- Python 3.14. 웹 프레임워크 없이 직접 구현
- 저장
- SQLite
- 화면
- HTML, CSS, 자바스크립트. 빌드 없음
- 검증
- 자동 테스트, GitHub Actions
- 개발
- 기획과 검수는 사람, 코드는 Claude Code와 Codex