Claude Code + Banana Art Lab
Claude Code에서 이미지를 생성하고 캔버스에서 바로 확인하세요
명령어 하나로 Banana Art Lab을 Claude Code에 연결하세요. 코드를 작성하던 대화창에서 바로 히어로 이미지, 제품 사진, 아이콘, 일러스트를 요청할 수 있습니다. GPT Image 2, Nano Banana Pro를 비롯한 5개 모델을 지원하며, 모든 결과물은 Banana Art Lab 캔버스에 깔끔하게 정리됩니다.
› GPT Image 2 Saver로 여행 포스터 3장을 만들어서 “포스터” 캔버스에 넣어줘
● banana-art-lab · generate_image
model: gpt-image-2-saver · ratio 3:4 · 3 images
이미지 3장 · 6 크레딧 · “포스터” 캔버스에 배치됨
완료되었습니다. trynanobanana.net/canvas에서 비교해 보시거나, 다듬고 싶은 이미지를 알려주세요.
설정 안내
Claude Code을(를) Banana Art Lab에 연결하기
서버 추가
터미널에서 다음 명령어를 한 번 실행하세요:
claude mcp add --transport http banana-art-lab https://trynanobanana.net/mcp로그인
Claude Code에서 /mcp를 입력하고 banana-art-lab을 선택한 뒤 로그인하세요. 브라우저에서 trynanobanana.net이 열리면 접근을 승인하면 됩니다. API 키를 복사할 필요가 없습니다.
이미지 요청하기
필요한 이미지를 설명하세요. Claude Code가 generate_image를 호출해 이미지 링크를 받아오며, 지정한 이름의 캔버스에 프롬프트와 결과물을 배치해 줍니다.
실시간으로 동기화되는 캔버스
Claude Code이(가) 이미지를 만들면, 사용자는 캔버스에서 작업을 이어갑니다.
캔버스 이름을 지정하면 Claude Code이(가) 프롬프트와 모든 결과물을 워크플로 형태로 연결해 캔버스에 배치합니다. trynanobanana.net/canvas에서 열어 버전을 나란히 비교하거나 자유롭게 배치하고, 같은 프롬프트로 다시 생성할 수도 있습니다. 열려 있는 캔버스에는 약 10초 안에 새로운 결과가 나타납니다.
반대 방향 작업도 가능합니다. Claude Code이(가) 사용자가 만든 캔버스의 텍스트와 이미지를 읽은 뒤, 이를 바탕으로 모든 이미지를 스토리 형식 버전으로 변환하는 등 다양한 작업을 확장할 수 있습니다.
요청 예시
- “Nano Banana Pro로 이 랜딩 페이지용 16:9 히어로 이미지를 만들고, public/images/hero.webp에 다운로드해서 히어로 섹션에 적용해 줘.”
- “GPT Image 2 Saver로 우리 세라믹 머그잔 제품 사진 3장을 생성하고, "Mug launch"라는 새 캔버스에 넣어 줘.”
- “내 "App icons" 캔버스를 읽고 각 아이콘을 플랫한 2색 스타일로 다시 만들어 줘.”
- “우리 브랜드 옐로우 색상으로 대시보드용 빈 상태(empty-state) 일러스트를 1:1 비율로 만들고 components 폴더에 추가해 줘.”
모델 및 가격
7가지 이미지 모델, 하나의 크레딧 잔액으로
Claude Code은(는) Banana Art Lab의 모든 모델을 웹사이트와 동일한 가격으로 이용할 수 있습니다. 이미지당 크레딧:
| 모델 | 모델 ID | 이미지당 크레딧 |
|---|---|---|
| GPT Image 2 Saver | gpt-image-2-saver | 모든 해상도에서 2 |
| Z-Image Turbo | z-image-turbo | 1K 또는 2K에서 6 |
| Nanobanana | nanobanana | 1K에서 13 |
| Seedream 5 Lite | seedream-5-lite | 2K에서 14 |
| Nanobanana 2 | nanobanana2 | 1K 기준 22, 4K 기준 49 |
| Nanobanana Pro | nanobananapro | 1K 기준 44, 4K 기준 77 |
| GPT Image 2 | gpt-image-2 | 품질 및 해상도에 따라 2-228 |
크레딧 팩: 4,000 크레딧 $9.99 또는 12,000 크레딧 $29.99. 가격 및 모델을 확인해 보세요.
자주 묻는 질문
Claude Code에 이미지 생성 기능을 어떻게 추가하나요?
"claude mcp add --transport http banana-art-lab https://trynanobanana.net/mcp"를 실행한 뒤, Claude Code에서 /mcp를 입력하고 Banana Art Lab에 로그인하세요. 이후 Claude Code가 generate_image 도구를 사용해 이미지를 생성할 수 있습니다.
Claude Code에서 Banana Art Lab을 통해 어떤 모델을 사용할 수 있나요?
GPT Image 2 Saver, GPT Image 2, Nanobanana Pro, Nanobanana 2, Nanobanana, Seedream 5 Lite, Z-Image Turbo를 사용할 수 있습니다. Claude Code는 list_models를 호출해 각 모델의 해상도와 이미지당 크레딧을 확인하고, 편집이나 참조를 위한 레퍼런스 이미지를 전달할 수 있습니다.
요금이 어떻게 되나요?
연결은 무료입니다. 이미지를 생성할 때마다 웹사이트 가격에 따라 Banana Art Lab 크레딧이 차감되며, GPT Image 2 Saver의 경우 모든 해상도에서 2크레딧부터 시작합니다. 신규 계정에는 회원가입 시 10 무료 크레딧이 제공되며, 크레딧 팩은 4,000크레딧에 $9.99부터 구매할 수 있습니다.
생성된 이미지는 어디에 저장되나요?
AI 어시스턴트가 각 이미지의 링크를 받아 프로젝트로 직접 다운로드할 수 있습니다. 캔버스 이름을 지정하면 trynanobanana.net/canvas의 해당 캔버스에도 프롬프트와 이미지가 배치되어 재배치, 비교, 재생성 작업을 할 수 있습니다. 캔버스를 열어두면 약 10초 이내에 새 결과물이 표시됩니다.
AI가 내 캔버스를 볼 수 있나요?
trynanobanana.net에서 승인한 경우에만, 그리고 승인된 계정에 한해서만 가능합니다. 캔버스 목록 조회, 읽기 및 편집이 가능하며 보유 크레딧으로 이미지를 생성할 수 있습니다. Banana Art Lab을 통해 컴퓨터 내 파일에 접근할 수는 없습니다. Canvas Settings → AI tools에서 언제든지 연결을 해제할 수 있습니다.