AI 기반 이모티콘(텍스트 포함) 팩 제작 도구입니다. 캐릭터 컨셉만 입력하면 AI가 전략 수립부터 텍스트가 포함된 이미지 생성, 후처리, 메타데이터까지 한 번에 처리합니다.
- line-sticker-master.vercel.app 접속
- 첫 화면에서 Gemini API Key 입력
- Google AI Studio에서 무료 발급 가능
- Create API Key 클릭 → 발급된 키(
AIza...)를 붙여넣기
- Save & Continue 클릭
API Key는 브라우저 localStorage에만 저장됩니다. 서버로 전송되지 않습니다.
- 캐릭터를 자유롭게 설명합니다 (예: 해바라기씨와 게임을 좋아하는 귀여운 통통한 햄스터)
- 타깃 언어를 선택합니다 (한국어 / 일본어 / 중국어 번체)
- 참고 이미지가 있으면 첨부합니다 (선택사항)
4명의 AI 전문가(시장 분석가, 아트 디렉터, 문화 전문가, 크리에이티브 디렉터)가 컨셉을 분석합니다.
- 텍스트 스타일, 문화적 고려사항, 판매 전략을 확인
- 다음 클릭으로 진행
AI가 베이스 캐릭터를 생성하고 스타일을 적용합니다.
- 마음에 들지 않으면 재생성 가능
- 캐릭터가 확정되면 다음 클릭
45개 스티커가 자동으로 생성됩니다 (약 15~25분 소요).
- 3개씩 병렬로 생성되며 진행 상황이 실시간 표시
- 개별 스티커의 텍스트/프롬프트 편집 및 재생성 가능
생성된 스티커에 후처리를 적용합니다.
- 배경 제거: Sobel 에지 검출 + 플러드 필 기반 자동 제거
- 아웃라인 추가: 흰색/검정 아웃라인, 두께/불투명도 조절
- 텍스트 자연스러움 자동 검사 → 부자연스러운 스티커는 자동 제외
LINE 스토어 등록용 제목, 설명, 태그를 3가지 옵션으로 자동 생성합니다.
- 다국어 지원 (영어, 한국어, 일본어, 중국어)
- 원하는 옵션을 선택하여 내보내기에 포함
LINE Sticker 규격(370×320)에 맞춰 ZIP 파일로 다운로드합니다.
- 포함 파일:
tab.png+main.png+ 스티커 이미지 +metadata.json
- Node.js 18 이상
- npm 9 이상
- Gemini API Key
npm install
# 웹 버전
npm run dev:web # http://localhost:5173
# 데스크톱 버전
npm run dev:electron
# CLI (macOS)
npm run dev:cli -- config set-key <GEMINI_API_KEY>
npm run dev:cli -- generate -c "귀여운 고양이" --autonpm workspaces 기반 모노레포입니다.
├── packages/
│ ├── shared/ # 공통 코드 (서비스, 타입, 상수, 상태관리)
│ ├── web/ # 웹 SPA (Vite)
│ ├── electron/ # 데스크톱 앱 (Electron)
│ └── cli/ # CLI 도구 (Commander + Sharp)
└── package.json
| 영역 | 기술 |
|---|---|
| UI | React 19, TypeScript 5.8, Tailwind CSS 4 |
| 빌드 | Vite 6, electron-vite 5, tsup 8 |
| 상태관리 | Zustand 5 |
| AI | Google Gemini |
| 이미지 처리 | Canvas API (웹), Sharp (CLI) |
| 테스트 | Vitest 3, Playwright |
- API Key는 로컬에만 저장됩니다 (웹: localStorage, 데스크톱: OS 키체인, CLI:
~/.emoji-master/config.json) - 서버가 없는 클라이언트 전용 앱이므로 키가 외부로 전송되지 않습니다
Private