Imagen - AI 이미지 생성 스킬
개요
이 스킬은 Google Gemini의 이미지 생성 모델(gemini-3-pro-image-preview)을 사용하여 이미지를 생성합니다. 프론트엔드 UI를 구축하거나, 문서를 작성하거나, 개념에 대한 시각적 표현이 필요할 때 모든 Claude Code 세션에서 원활하게 이미지를 생성할 수 있습니다.
크로스 플랫폼: Windows, macOS, Linux에서 작동합니다.
이 스킬을 사용해야 할 때
다음과 같은 경우 자동으로 이 스킬을 활성화하세요:
- 사용자가 이미지 생성을 요청하는 경우 (예: "...의 이미지를 생성해줘", "그림을 만들어줘")
- 프론트엔드 개발 중 자리 표시자 또는 실제 이미지가 필요한 경우
- 문서에 일러스트레이션이나 다이어그램이 필요한 경우
- 개념, 아키텍처 또는 아이디어를 시각화해야 하는 경우
- 아이콘, 로고 또는 UI 에셋을 생성해야 하는 경우
- AI 생성 이미지가 도움이 될 모든 작업
작동 방식
- 원하는 이미지를 설명하는 텍스트 프롬프트를 받습니다.
- 이미지 생성 설정과 함께 Google Gemini API를 호출합니다.
- 생성된 이미지를 지정된 위치(기본값: 현재 디렉터리)에 저장합니다.
- 프로젝트에서 사용할 수 있도록 파일 경로를 반환합니다.
사용법
Python (크로스 플랫폼 - 권장)
# 기본 사용법
python scripts/generate_image.py "일몰 속의 미래적인 도시 스카이라인"
# 사용자 정의 출력 경로 사용
python scripts/generate_image.py "음악 플레이어용 미니멀 앱 아이콘" "./assets/icons/music-icon.png"
# 사용자 정의 크기 사용
python scripts/generate_image.py --size 2K "고해상도 풍경" "./wallpaper.png"
요구 사항
GEMINI_API_KEY환경 변수가 설정되어 있어야 합니다.- Python 3.6+ (표준 라이브러리만 사용하며, pip 설치가 필요하지 않습니다.)
출력
생성된 이미지는 PNG 파일로 저장됩니다. 스크립트는 다음을 반환합니다:
- 성공: 생성된 이미지의 경로
- 실패: 세부 정보가 포함된 오류 메시지
예시
프론트엔드 개발
사용자: "랜딩 페이지용 히어로 이미지가 필요해요 - 추상적이고 기술 중심적인 느낌으로"
-> 이미지를 생성 및 저장하고, HTML/CSS에서 사용할 수 있는 경로를 제공합니다.
문서화
사용자: "마이크로서비스 아키텍처를 보여주는 다이어그램을 생성해줘"
-> 시각적 표현을 생성하여 README나 문서에서 바로 사용할 수 있도록 합니다.
UI 에셋
사용자: "사용자 프로필 컴포넌트용 자리 표시자 아바타 이미지를 생성해줘"
-> 컴포넌트에서 사용하기에 적절한 크기의 이미지를 생성합니다.