mo-browser-apps/icons
Generate macOS app icons using AI.
MōIcons – AI 기반 macOS 앱 아이콘 생성기
개요 – OpenAI의 이미지 생성 API를 사용하여 .icns 앱 아이콘 번들을 만들 수 있는 네이티브 macOS 데스크톱 앱입니다. 짧은 설명을 입력하고(선택적으로 참조 사진을 제공) AI가 생성한 세 가지 변형을 받고, 마음에 드는 것을 다듬은 다음, 바로 사용할 수 있는 아이콘 세트를 내보냅니다.
주요 기능
- 프롬프트 기반 생성 – 텍스트 프롬프트는 macOS 스타일 제약(중앙 배치 피사체, 텍스트 없음, 스퀴클 친화적 레이아웃)을 강제하는 고정 시스템 프롬프트로 래핑됩니다.
- 요청당 세 가지 변형 – AI가 생성한 세 이미지를 빠르게 비교합니다.
- 참조 이미지 지원 – PNG(스케치, 로고 등)를 첨부하여 모델을 안내합니다.
- 다듬기 워크플로 – 변형을 선택한 후, 후속 생성은 원본 아트워크를 참조로 사용하여 마스크, 여백 및 그림자를 보존합니다.
- 정확한 미리보기 – macOS 15 윤곽선, 투명 여백 및 부드러운 외부 그림자가 있는 1024 × 1024 PNG를 생성합니다. UI는 이 최종 PNG를 직접 표시합니다.
- 원클릭 내보내기 – 미리보기 PNG는 모든 표준
.iconset크기로 크기가 조정되고 적절한.icns번들로 패키징되어 투명도와 그림자가 보존됩니다. - 안전 장치 – 저장되지 않은 작업은 확인 대화 상자를 트리거합니다. 프로덕션 빌드에는 선택적 Sentry 원격 측정이 포함됩니다.
작동 방식
- 짧은 설명을 작성합니다(예: "모서리가 접힌 파란 클립보드").
- (선택 사항) 참조 PNG를 첨부합니다.
- 생성을 누르면 앱이 OpenAI API를 호출하고 세 개의 1024 × 1024 PNG를 반환합니다.
- 변형을 선택하면 앱이 다듬기 모드로 전환되어 선택한 이미지의 원본 아트워크를 다음 프롬프트의 참조로 사용합니다.
- 만족할 때까지 반복한 다음 저장을 클릭하여
YourName.icns및YourName.iconset을 디스크에 씁니다.
기술 스택
- 플랫폼: macOS 14+ (Apple Silicon)
- 런타임: Node.js 24 LTS
- 프레임워크: MōBrowser (Electron 유사) 2.13+
- UI: React (렌더러 프로세스)
- AI 백엔드: OpenAI 이미지 생성 API
- 빌드: npm 스크립트 (
dev,dev:mock,build) - 원격 측정: 선택적 Sentry (
SENTRY_DSN으로 활성화).
프로젝트 구조
src/main/– 메인 프로세스: 창 처리, IPC, 프롬프트 구성, 아이콘 세트 조립.src/renderer/– React UI, 이미지 준비, 생성/다듬기 상태 머신.
설치 및 사용
# 저장소를 클론한 후:
npm install # 의존성 설치
npm run dev # 개발 모드로 실행 (실제 OpenAI 호출)
npm run dev:mock # UI 작업을 위해 목 공급자로 실행
npm run build # 프로덕션 번들 생성
빌드된 앱은 서명되고 공증됩니다. 사전 빌드된 바이너리는 GitHub 릴리스 페이지에서 사용할 수 있습니다.
중요성
디자이너와 개발자는 종종 사용자 지정 macOS 아이콘이 필요하지만 필요한 모든 크기로 그릴 시간이나 기술이 부족합니다. MōIcons는 대규모 언어 모델 기반 이미지 생성기로 창의적인 단계를 자동화하고 지루한 크기 조정 및 표준 준수 .icns 번들로의 패키징을 처리하며, 모두 네이티브 macOS 환경 내에서 수행합니다.
위의 모든 정보는 저장소의 README에서 직접 가져온 것입니다.
관련
- 프로젝트
- 프로젝트
- 프로젝트
- 프로젝트
- 프로젝트