Claude Code - 구글 이미지 생성 Skill 설치 및 동작 확인

Claude Code를 이용해서 의도 대로 잘 동작하는 iOS 앱을 쭉쭉 뽑아내고 있다. 그런데 문제는 전부 다 때깔이 영 아니라는 거다. Agent에 UI/UX 전문가 페르소나를 주고, 디자인을 개선해 보라고 해도 프로그래밍적으로 도형을 만들거나 색상을 변경하는 것에 그친다. Claude가 이미지 생성 기능은 약한 것 같다. 디자인 관련 스킬(이하 Skill)로 해결할 수 있지 않을까 생각하던 중에 그럴듯해 보이는 걸 하나 찾았다.

 

Imagen - AI Image Generation Skill 설치

https://github.com/sanjay3290/ai-skills/tree/main/skills/imagen

ai-skills/skills/imagen at main · sanjay3290/ai-skills

'Imagen'이라는 이름의 이미지 생성 Skill이다. 깃허브의 설명 문구를 그대로 옮긴다.

A Claude Code skill that generates images using Google Gemini's image generation model. Simply ask Claude to create an image during any coding session, and it will generate and save it for you.

그렇다. Google Gemini's image generation model, 즉 '나노 바나나'로 이미지를 생성하는 Skill이다. 터미널을 열고 Claude Code를 실행한 뒤 아래 명령으로 Imagen이 포함된 마켓플레이스부터 추가했다.

/plugin marketplace add sanjay3290/ai-skills

이어서 아래 이미지와 같이 방금 추가한 ai-skills 마켓플레이스로 진입한 뒤, imagen을 선택해서 설치했다.

 

Google API Studio 사이트 접속, API 키 생성

Skill 설치는 완료됐고, 이어서 Google API Studio 사이트에 접속해서 프로젝트를 하나 만들고 API 키를 생성했다.

생성한 API키는 아래와 같이 시스템 환경변수로 등록했다.

export GEMINI_API_KEY="your-api-key-here"

# Add to ~/.zshrc or ~/.bashrc to persist
echo 'export GEMINI_API_KEY="your-api-key-here"' >> ~/.zshrc

이것으로 사전 작업이 모두 끝났고, 테스트 삼아 아래와 같은 프롬프트를 던져봤다.

반응형

Generate an image of a sunset over mountains

Claude에서 나노 바나나를 이용한 이미지 생성

대충 읽어 보니 너무 많은 요청(Request)이 들어와서 발생한 에러니까 1~2분 후에 다시 시도해 보란다. 그냥 해당 프로젝트의 할당량 등급을 무료에서 유료 'Tier 1'로 올리고 다시 시도했다.

작업 디렉터리에 'sunset_over_mountains.png'라는 이름으로 이미지가 생성됐다는 메시지가 표시됐다. 아래 이미지가 그 결과물이다.

이미지 자체에 별다른 감흥은 없지만 생성이 잘 되는 것은 확인했다.

Google AI Studio의 대시보드 상에서 Nano Banana를 사용해서 이미지를 생성한 기록을 확인할 수 있었다. 이제 앱 개발에 Claude + Gemini 조합을 쓸 수 있게 됐다. 아직 Google Cloud API 무료 크레딧이 꽤 남았지만 비용 관리에 신경 써야겠다. 끝.