markfulton/NanoBananaEditor

해결하는 문제

Nano Banana AI Image Editor는 텍스트에서 이미지를 생성하고 기존 이미지에 정밀한 대화형 편집을 수행할 수 있는 전문적인 인터페이스를 제공합니다. 사용자가 자연어로 변경 사항을 설명하고 마스크 도구를 사용해 특정 영역을 지정함으로써 복잡한 수동 편집이 필요 없게 됩니다.

작동 방식

React와 TypeScript로 구축된 이 애플리케이션은 Google Generative AI SDK를 통해 Google의 Gemini 2.5 Flash Image 모델과 통합됩니다. 사용자는 프롬프트에서 이미지를 생성하거나, 이미지의 특정 영역에 마스크를 그려 텍스트 지시사항을 제공하는 편집 모드로 전환할 수 있습니다. 앱은 인터랙티브 캔버스를 위해 Konva.js를 사용하고, 자산을 오프라인 캐시하기 위해 IndexedDB를 활용합니다.

대상 사용자

이 도구는 프론트엔드 인프라를 처음부터 구축하지 않고도 본격적인 AI 이미지 생성 및 영역 인식 편집이 가능한 도구를 원하는 크리에이터와 개발자를 위한 것입니다.

주요 특징

• 대화형 편집: 자연어 지시사항을 사용해 이미지를 수정할 수 있습니다.
• 영역 인식 선택: 브러시 도구를 사용해 마스크를 그려 타겟 편집을 수행합니다.
• 참고 이미지 지원: 최대 2개의 참고 이미지를 사용해 생성 및 편집 스타일을 안내할 수 있습니다.
• 비파괴 워크플로우: 원본 이미지를 보존하면서 편집 기록과 변형 버전의 분기 이력을 유지합니다.
• 엔터프라이즈 대응 기능: AI 출처를 확인할 수 있는 SynthID 비표시 워터마크와 완전한 TypeScript 타입 안정성을 포함합니다.