원클릭으로 Manus에서 모든 스킬 실행

imagine-icon

스타5

포크3

업데이트2026년 4월 23일 22:59

모바일 앱·웹 앱 **아이콘 세트 일괄 생성기**. AI로 1024×1024 마스터 아이콘을 뽑고, 플랫폼별 다중 해상도(iOS 1024 / Android adaptive 전경·배경 / Web favicon·PWA·Apple touch)를 `scripts/lib/icon-exporter.js`로 Lanczos3 리사이즈 익스포트한다. 사용자가 "앱 아이콘", "imagine-icon", "favicon", "launcher icon" 등을 말하면 이 스킬이 담당한다.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

Mineru98

Mineru98/imagine

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

imagine-icon

한 번의 호출로 iOS / Android adaptive / Web(favicon+PWA) 아이콘 세트를 산출한다. 마스터 생성은 AI, 리사이즈·레이아웃은 결정적 후처리다.

트리거

imagine-icon "<컨셉>" / imagine-icon export <master.png> (명시 호출)
"앱 아이콘 만들어줘"
"favicon 만들어줘"
"런처 아이콘", "launcher icon"
"PWA 아이콘"
"아이콘 세트 뽑아줘"

파이프라인

마스터 생성 (AI): generate_size: 1024x1024 PNG로 Codex 이미지 모델 호출.
프롬프트 구성: config.prompt_template의 고정 문구 + 사용자 컨셉 키워드만 조합. 제목·앱 이름을 프롬프트에 넣지 않는다. 4가지 variation_directions(minimal / 3d-glossy / flat-illustration / abstract-geometric) 중 --variation 지정이 없으면 기본 1장만 생성(--n 4로 4종 배치 생성 가능).
세이프존 검증 (결정적): 마스터 PNG의 중앙 60% 박스 밖에 핵심 콘텐츠가 얼마나 있는지 픽셀 비율로 계산. quality_checks.safe_zone_overflow_max_ratio 초과 시 사용자에게 경고.
Alpha 검증: Android foreground는 배경 투명이어야 함 → PNG alpha 채널 검사, 전면 알파 0 픽셀이 없으면 "투명 배경 요청이 반영되지 않았을 수 있다" 경고.
사이즈 익스포트: scripts/lib/icon-exporter.js의 exportSizes(masterPath, targets, outputDir, options) 호출. sharp 있으면 Lanczos3, 없으면 pngjs 박스 평균 폴백(작은 사이즈 품질 저하 경고).
리포트 작성: _report.md에 각 파일 경로·resize 엔진·경고 요약.

출력 규약

./images/icons/<app-slug>/
├── master.png                     (1024×1024)
├── ios/
│   └── AppIcon-1024.png
├── android/
│   ├── ic_launcher_foreground.png   (512 canvas, 432 foreground, transparent)
│   └── ic_launcher_background.png   (512 solid color)
├── web/
│   ├── favicon-16.png
│   ├── favicon-32.png
│   ├── favicon-48.png
│   ├── apple-touch-icon-180.png
│   ├── pwa-192.png
│   └── pwa-512.png
├── manifest.webmanifest            (PWA, 선택)
└── _report.md

<app-slug>는 사용자 컨셉에서 slugify. --out-dir 지정 시 그대로 사용(조용히 변경 금지).
루트 ./images/ 직하 쓰기 금지.

마스터 프롬프트 규약

다음 문구를 그대로 프롬프트에 포함한다 (config.prompt_template):

app icon, single focal motif, centered composition, 15% padding safe zone,
bold silhouette recognizable at small size, solid background or simple gradient,
no text

앱 이름·브랜드 문구는 프롬프트에 넣지 않는다. 아이콘에 글자가 새겨지는 것을 원천 차단.
Negative prompt 강제: text, letters, typography, multiple objects, cluttered detail, photorealistic, watermark, logo text.
--variation으로 방향성 지정:
- minimal: minimal flat vector style, limited palette (≤3 colors), geometric primitives only
- 3d-glossy: soft 3D rendering, subtle glossy highlight, studio lighting, rounded volumes
- flat-illustration: flat illustration, solid shapes, decorative but legible at 16px
- abstract-geometric: abstract geometric composition, bold shapes, strong silhouette

Android Adaptive 처리

foreground: 마스터를 432×432로 Lanczos3 리사이즈 후 512×512 투명 캔버스 중앙 배치 → ic_launcher_foreground.png.
background: --android-background(기본 auto)가 auto이면 마스터의 네 모서리 평균색 샘플링으로 solid 컬러 생성 → ic_launcher_background.png. #RRGGBB 직접 지정도 허용.
Adaptive safe zone 108dp(= 108px 기준)를 벗어난 콘텐츠는 마스킹에 의해 잘린다는 점을 경고로 남긴다.
foreground 프롬프트 변형 시 transparent background, motif only, no shadow 명시 권장.

Web 세트

favicon 16/32/48, Apple touch 180, PWA 192/512 일괄 출력.
config.web.write_manifest: true면 manifest.webmanifest 동반 생성(PWA icon 배열).
16×16은 엔트로피 측정(quality_checks.small_size_entropy_warn_below) 후 너무 단조/너무 복잡하면 "수동 개선 필요" 경고.

리사이즈 엔진

기본: sharp Lanczos3 (kernel: 'lanczos3').
폴백: pngjs 박스 평균 — 작은 사이즈(16/32/48)에서 품질 저하 경고 출력. sharp 설치를 강권하는 안내 메시지.
둘 다 없으면 명시적 에러로 중단 (어떤 리사이즈도 하지 않음).

실패 모드 대응

증상	조치
16×16에서 모티프가 뭉개짐	엔트로피 측정 후 경고 + `_report.md`에 "수동 개선 권장" 기록.
안전 영역 침범(중앙 60% 밖 콘텐츠 과다)	배경만 재생성 요청, 재생성 1회 한정. 지속 시 경고.
Android foreground에 배경이 남음 (alpha 누락)	alpha 0 픽셀 비율 검사 실패 시 경고. 사용자에게 `transparent background` 프롬프트 재시도 권유.
sharp 미설치	pngjs 폴백 + 경고. 둘 다 없으면 중단.
마스터 사이즈 불일치	1024×1024 아닌 입력은 거절(자동 리사이즈 금지 — 사용자가 원본을 다시 뽑도록 유도).

금기

앱 이름·브랜드 텍스트 프롬프트 주입 금지. 아이콘에 글자 새겨지는 원인.
자동 업스케일 금지. 마스터가 1024×1024 미만이면 에러로 중단.
사용자 출력 경로를 조용히 바꾸는 것 금지. --out-dir 값은 그대로 사용.
Android background에 임의 그라디언트 생성 금지. solid color만 지원(투명 foreground + solid background가 adaptive icon 원칙).
./images/icons/ 외부 쓰기 금지 (--out-dir 지정 없는 한).
masterpiece / 8k UHD / fulfill all requests 류 부스터·우회 문구 금지.

imagine 계열 스킬과의 관계

공용 인프라 재사용: oauth-session.js, output-allocator.js, request-planner.js.
텍스트 합성 모듈(compose-text.js)은 이 스킬에서 사용하지 않는다 (아이콘에 글자를 얹지 않는 것이 원칙).
Style Guardian의 브랜드 팔레트가 있으면 --android-background 자동 선택 시 우선 참고.
imagine-thumb(YouTube 썸네일) / imagine-og(소셜 카드)와는 별개 산출물. 트리거가 겹치는 "아이콘" 키워드는 항상 여기.

이 저장소의 다른 Skills

같은 저장소

image-to-code

Mineru98/imagine

Convert an image (screenshot, mockup, Figma export) into an HTML page styled with Tailwind CSS. Use this skill whenever the user says "image-to-code …", asks to turn a design image into code, recreate a UI from a screenshot, generate HTML/Tailwind from a mockup, or says things like "이 이미지를 웹페이지로 만들어줘" / "HTML로 바꿔줘" / "Tailwind로 바꿔줘". Result is saved inside ./pages/<slug>/.

2026-04-235

imagine-char

Mineru98/imagine

인디 게임·소설·TTRPG용 **게임 캐릭터 일러스트**를 **같은 캐릭터로 반복 생성**하도록 설계된 스킬. Character Card(JSON)를 기준으로 이름/종족/연령/헤어/눈/의상/구별 특징/아트 스타일/팔레트를 고정해두고, 대표 일러스트(portrait_hero) 1장을 reference로 삼아 turnaround·표정·포즈를 이어서 뽑는다. 사용자가 "게임 캐릭터", "캐릭터 일러스트", "imagine-char", "캐릭터 시트 만들어줘", "표정 시트", "포즈 컷" 등을 말하면 이 스킬이 담당한다.

2026-04-235

imagine-empty

Mineru98/imagine

UI 엠프티 스테이트·에러·로딩·온보딩 일러스트를 **라이트/다크 쌍**으로 생성한다. 같은 모티프를 두 모드에 걸쳐 자연스럽게 보이게 하되, **단순 색 반전이 아니라 라이트·다크를 각각 별도 프롬프트로 분리 생성**한다. 프리셋 카탈로그는 `data/empty-states.json` 에 분리되어 커뮤니티 PR로 확장 가능. 투명 배경 PNG가 기본이며 alpha 채널을 검증한다. 사용자가 "엠프티 스테이트", "empty state", "404 일러스트", "로딩 일러스트", "imagine-empty", "preset-pack" 등을 말하면 이 스킬이 담당한다.

2026-04-235

imagine-hero

Mineru98/imagine

SaaS · 개인 사이드 프로젝트의 **랜딩 페이지 히어로 이미지**를 3:2(1536×1024) 전용 프리셋으로 생성한다. 이미지 내부에 텍스트를 넣지 않고(모든 copy는 HTML이 담당), 한쪽 40%를 세이프존으로 비워 CTA·헤드라인을 얹을 수 있게 한다. `--transparent-bg` 플래그 지정 시 `scripts/lib/bg-remove.js`로 배경을 잘라낸 PNG도 함께 저장한다. 사용자가 "히어로 이미지", "랜딩 히어로", "imagine-hero", "landing page hero" 등을 말하면 이 스킬이 담당한다.

2026-04-235

imagine-logo

Mineru98/imagine

회사·개인 프로젝트·팀의 **로고 시안 탐색기**. 마크(심볼)만 Codex 이미지 모델로 생성하고 워드마크(회사명 글자)는 `scripts/lib/compose-text.js`로 합성한다. 회사명 텍스트는 AI 프롬프트에 **절대** 포함하지 않으며, 이미지 생성 후 OCR로 글자 검출 시 1회 자동 재생성한다. 3~6개의 서로 다른 방향성 시안을 한 번에 뽑아 "나쁘지 않은 출발점"을 빠르게 고르도록 돕는다. `scripts/lib/vectorize.js`로 선택된 1장을 SVG로 벡터화하는 옵션도 제공한다. 사용자가 "로고 만들어줘", "imagine-logo", "회사 로고", "팀 로고" 등을 말하면 이 스킬이 담당한다.

2026-04-235

imagine-mockup

Mineru98/imagine

앱스토어·포트폴리오·마케팅 자료에 쓰는 **제품 목업**(기기 프레임에 끼운 스크린샷 + 배경)을 생성한다. AI는 **배경만** 그리며, 기기 프레임과 스크린샷 합성은 `scripts/lib/device-composer.js`가 결정적으로 수행한다. 기기 프리셋은 `data/devices.json`에서 로드해 커뮤니티 PR로 확장 가능. 배경이 필요 없으면(solid/gradient/업로드 이미지) **AI 호출을 아예 스킵**한다. 사용자가 "제품 목업", "앱스토어 스크린샷", "기기 프레임 씌워줘", "imagine-mockup" 등을 말하면 이 스킬이 담당한다.

2026-04-235

name	imagine-icon
description	모바일 앱·웹 앱 아이콘 세트 일괄 생성기. AI로 1024×1024 마스터 아이콘을 뽑고, 플랫폼별 다중 해상도(iOS 1024 / Android adaptive 전경·배경 / Web favicon·PWA·Apple touch)를 `scripts/lib/icon-exporter.js`로 Lanczos3 리사이즈 익스포트한다. 사용자가 "앱 아이콘", "imagine-icon", "favicon", "launcher icon" 등을 말하면 이 스킬이 담당한다.
argument-hint	<concept> [--targets ios,android,web] [--variation minimal\|3d-glossy\|flat-illustration\|abstract-geometric] [--android-background auto\|#RRGGBB] [--out-dir <path>]

imagine-icon

한 번의 호출로 iOS / Android adaptive / Web(favicon+PWA) 아이콘 세트를 산출한다. 마스터 생성은 AI, 리사이즈·레이아웃은 결정적 후처리다.

트리거

imagine-icon "<컨셉>" / imagine-icon export <master.png> (명시 호출)
"앱 아이콘 만들어줘"
"favicon 만들어줘"
"런처 아이콘", "launcher icon"
"PWA 아이콘"
"아이콘 세트 뽑아줘"

파이프라인

마스터 생성 (AI): generate_size: 1024x1024 PNG로 Codex 이미지 모델 호출.
프롬프트 구성: config.prompt_template의 고정 문구 + 사용자 컨셉 키워드만 조합. 제목·앱 이름을 프롬프트에 넣지 않는다. 4가지 variation_directions(minimal / 3d-glossy / flat-illustration / abstract-geometric) 중 --variation 지정이 없으면 기본 1장만 생성(--n 4로 4종 배치 생성 가능).
세이프존 검증 (결정적): 마스터 PNG의 중앙 60% 박스 밖에 핵심 콘텐츠가 얼마나 있는지 픽셀 비율로 계산. quality_checks.safe_zone_overflow_max_ratio 초과 시 사용자에게 경고.
Alpha 검증: Android foreground는 배경 투명이어야 함 → PNG alpha 채널 검사, 전면 알파 0 픽셀이 없으면 "투명 배경 요청이 반영되지 않았을 수 있다" 경고.
사이즈 익스포트: scripts/lib/icon-exporter.js의 exportSizes(masterPath, targets, outputDir, options) 호출. sharp 있으면 Lanczos3, 없으면 pngjs 박스 평균 폴백(작은 사이즈 품질 저하 경고).
리포트 작성: _report.md에 각 파일 경로·resize 엔진·경고 요약.

출력 규약

./images/icons/<app-slug>/
├── master.png                     (1024×1024)
├── ios/
│   └── AppIcon-1024.png
├── android/
│   ├── ic_launcher_foreground.png   (512 canvas, 432 foreground, transparent)
│   └── ic_launcher_background.png   (512 solid color)
├── web/
│   ├── favicon-16.png
│   ├── favicon-32.png
│   ├── favicon-48.png
│   ├── apple-touch-icon-180.png
│   ├── pwa-192.png
│   └── pwa-512.png
├── manifest.webmanifest            (PWA, 선택)
└── _report.md

<app-slug>는 사용자 컨셉에서 slugify. --out-dir 지정 시 그대로 사용(조용히 변경 금지).
루트 ./images/ 직하 쓰기 금지.

마스터 프롬프트 규약

다음 문구를 그대로 프롬프트에 포함한다 (config.prompt_template):

app icon, single focal motif, centered composition, 15% padding safe zone,
bold silhouette recognizable at small size, solid background or simple gradient,
no text

앱 이름·브랜드 문구는 프롬프트에 넣지 않는다. 아이콘에 글자가 새겨지는 것을 원천 차단.
Negative prompt 강제: text, letters, typography, multiple objects, cluttered detail, photorealistic, watermark, logo text.
--variation으로 방향성 지정:
- minimal: minimal flat vector style, limited palette (≤3 colors), geometric primitives only
- 3d-glossy: soft 3D rendering, subtle glossy highlight, studio lighting, rounded volumes
- flat-illustration: flat illustration, solid shapes, decorative but legible at 16px
- abstract-geometric: abstract geometric composition, bold shapes, strong silhouette

Android Adaptive 처리

foreground: 마스터를 432×432로 Lanczos3 리사이즈 후 512×512 투명 캔버스 중앙 배치 → ic_launcher_foreground.png.
background: --android-background(기본 auto)가 auto이면 마스터의 네 모서리 평균색 샘플링으로 solid 컬러 생성 → ic_launcher_background.png. #RRGGBB 직접 지정도 허용.
Adaptive safe zone 108dp(= 108px 기준)를 벗어난 콘텐츠는 마스킹에 의해 잘린다는 점을 경고로 남긴다.
foreground 프롬프트 변형 시 transparent background, motif only, no shadow 명시 권장.

Web 세트

favicon 16/32/48, Apple touch 180, PWA 192/512 일괄 출력.
config.web.write_manifest: true면 manifest.webmanifest 동반 생성(PWA icon 배열).
16×16은 엔트로피 측정(quality_checks.small_size_entropy_warn_below) 후 너무 단조/너무 복잡하면 "수동 개선 필요" 경고.

리사이즈 엔진

기본: sharp Lanczos3 (kernel: 'lanczos3').
폴백: pngjs 박스 평균 — 작은 사이즈(16/32/48)에서 품질 저하 경고 출력. sharp 설치를 강권하는 안내 메시지.
둘 다 없으면 명시적 에러로 중단 (어떤 리사이즈도 하지 않음).

실패 모드 대응

증상	조치
16×16에서 모티프가 뭉개짐	엔트로피 측정 후 경고 + `_report.md`에 "수동 개선 권장" 기록.
안전 영역 침범(중앙 60% 밖 콘텐츠 과다)	배경만 재생성 요청, 재생성 1회 한정. 지속 시 경고.
Android foreground에 배경이 남음 (alpha 누락)	alpha 0 픽셀 비율 검사 실패 시 경고. 사용자에게 `transparent background` 프롬프트 재시도 권유.
sharp 미설치	pngjs 폴백 + 경고. 둘 다 없으면 중단.
마스터 사이즈 불일치	1024×1024 아닌 입력은 거절(자동 리사이즈 금지 — 사용자가 원본을 다시 뽑도록 유도).

금기

앱 이름·브랜드 텍스트 프롬프트 주입 금지. 아이콘에 글자 새겨지는 원인.
자동 업스케일 금지. 마스터가 1024×1024 미만이면 에러로 중단.
사용자 출력 경로를 조용히 바꾸는 것 금지. --out-dir 값은 그대로 사용.
Android background에 임의 그라디언트 생성 금지. solid color만 지원(투명 foreground + solid background가 adaptive icon 원칙).
./images/icons/ 외부 쓰기 금지 (--out-dir 지정 없는 한).
masterpiece / 8k UHD / fulfill all requests 류 부스터·우회 문구 금지.

imagine 계열 스킬과의 관계

공용 인프라 재사용: oauth-session.js, output-allocator.js, request-planner.js.
텍스트 합성 모듈(compose-text.js)은 이 스킬에서 사용하지 않는다 (아이콘에 글자를 얹지 않는 것이 원칙).
Style Guardian의 브랜드 팔레트가 있으면 --android-background 자동 선택 시 우선 참고.
imagine-thumb(YouTube 썸네일) / imagine-og(소셜 카드)와는 별개 산출물. 트리거가 겹치는 "아이콘" 키워드는 항상 여기.