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

imagine-pixel

스타5

포크3

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

2D 도트 인디 게임·픽셀 아트 NFT·레트로 SNS 프로필용 **정수 픽셀 그리드 스프라이트**를 생성한다. AI가 뽑은 "픽셀 스타일 이미지"를 `scripts/lib/pixelize.js`로 **후처리 스냅**(nearest-neighbor 다운샘플 → 팔레트 클램프 → N× 업스케일)해 실제 16/32/48/64 그리드에 정렬한다. 스냅 없이 AI 원본을 그대로 저장하지 않는다. JPEG 저장은 금지(PNG only). 사용자가 "픽셀 캐릭터", "도트 스프라이트", "imagine-pixel", "픽셀 아트" 등을 말하면 이 스킬이 담당한다.

설치

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

Manus에서 실행

출처

Mineru98

Mineru98/imagine

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

다운로드

Manus에서 실행

imagine-pixel

AI의 "픽셀 스타일"은 실제로는 고해상도에서 흉내 낸 것이라 게임 엔진이 import하면 블러가 생긴다. 이 스킬은 후처리 스냅을 필수 경로로 고정해 진짜 픽셀 그리드에 정렬된 PNG를 산출한다.

트리거

imagine-pixel "<컨셉>" / imagine-pixel --target-size 32 ...
"픽셀 캐릭터", "도트 스프라이트", "픽셀 아트 만들어줘"
"8비트 캐릭터", "16비트 스프라이트"
"imagine-pixel"

핵심 제약

항목	값
생성 해상도	1024×1024 (고해상도 원본, AI 생성분)
타겟 해상도	16 / 32 / 48 / 64 정수 중 하나
팔레트 크기	8 / 16 / 32 중 하나
포맷	PNG 필수. JPEG 저장 전면 금지 (`forbidden_formats: ["jpeg","jpg","webp"]`).
투명 배경	기본 `true`. alpha 채널 보존.
후처리 스냅	필수. AI 원본을 스냅 없이 저장하면 안 된다 (`pixelize.require_post_snap: true`).

파이프라인

프롬프트 구성:
- config.style_presets에서 --style 키의 영문 구문 가져옴.
- 사용자 컨셉 + 스타일 프리셋 + positive_prompt_suffix (crisp pixel edges, no anti-aliasing, uniform pixel grid, limited palette, transparent background) 결합.
- negative 강제: blurry, smooth shading, anti-aliased, soft gradient, photorealistic, jpeg artifacts, 3D render.
고해상도 생성: Codex 이미지 모델로 1024×1024 PNG 1장.
후처리 스냅 (scripts/lib/pixelize.js):
1. nearest-neighbor로 targetSize(16/32/48/64)로 다운샘플.
2. 팔레트 선택:
  - --palette-ref <palette.png> 지정 시 해당 PNG에서 unique 색 추출 후 closest-color 매핑.
  - 없으면 median-cut으로 palette-size만큼 양자화.
3. 팔레트에 전 픽셀 스냅.
4. nearest-neighbor로 preview_scale: 8 배 업스케일.
저장 3종: <name>_<N>.png (실 크기) + <name>_<N>@8x.png (프리뷰) + palette.png (추출 팔레트 스트립).
알파 검증: preserve_alpha: true 하에 투명 픽셀은 완전 투명으로 고정. 회색 바둑판 래스터 방지.

출력 규약

./sprites/<name>/
├── <name>_<target_size>.png        ← 실 크기 (16/32/48/64)
├── <name>_<target_size>@8x.png     ← 프리뷰 (nearest-neighbor 업스케일)
├── palette.png                      ← 추출된 팔레트 스트립
└── _manifest.json                   ← targetSize, paletteSize, style, palette HEX 배열

<name>: 컨셉 slugify.
--out-dir 지정 시 그대로 사용. 조용한 경로 변경 금지.
루트 ./sprites/ 외부 쓰기 금지 (--out-dir 없는 한).
JPEG/JPG/WebP로는 저장하지 않는다. 파일명 확장자를 .jpg / .jpeg / .webp로 준 경우 pixelize.js가 즉시 에러.

팔레트 통일 (palette-ref)

같은 게임의 모든 스프라이트가 동일 팔레트를 쓰도록 보장하려면 첫 스프라이트의 palette.png를 이후 호출에 --palette-ref로 넘긴다.
pixelize는 palette-ref의 HEX 목록만 사용해 closest-color 매핑한다. 새 색을 생성·추가하지 않는다.
Style Guardian에 palette_png_path를 등록하면 수동으로 플래그를 넘기지 않아도 자동 재사용 (config.style_guardian.manifest_keys).

프롬프트 규약

negative에 blurry, smooth shading, anti-aliased 고정. 스타일 프리셋으로 이를 완화하지 않는다.
positive 고정 접미사: crisp pixel edges, no anti-aliasing, uniform pixel grid, limited palette, transparent background.
한국어 설명은 영문 시각 구문으로 변환해 주입 (prompt-director 경유 가능). 사용자 원문은 manifest에 보관.
캐릭터 이름·게임 이름 같은 실제 텍스트를 프롬프트에 넣지 않는다 (픽셀 글자 표현은 별도 스킬/수동 작업으로).

실패 모드 대응

증상	조치
AI 출력이 모조 픽셀(그리드 어긋남)	후처리 스냅이 항상 수행되므로 최종 파일은 정렬됨. 스냅 전 원본을 산출물로 쓰지 않는다 (`require_post_snap: true`).
팔레트가 매 호출 다름	`--palette-ref` 전달 또는 Style Guardian에 `palette.png` 등록.
투명 배경이 회색 바둑판으로 래스터	`preserve_alpha: true`로 처리. 문제 지속 시 `_manifest.json`에 alpha ratio 기록해 사용자에게 경고.
JPEG로 저장 요청	에러. "픽셀 아트는 JPEG가 색을 뭉개서 절대 금지" 설명 + PNG로 재지정하도록 안내.
pngjs 미설치	`pixelize.js`가 명시적 에러(`npm i pngjs` 안내).
targetSize가 16/32/48/64 외	`pixelize.js`가 즉시 에러. 자동 보정 금지.

금기

스냅 없이 AI 원본 저장 금지. 원본을 <name>_<N>.png로 직접 저장하지 않는다.
JPEG/JPG/WebP 저장 금지.
타겟 해상도 자동 보정 금지. 16/32/48/64 이외 값이면 거절.
팔레트 자유 증식 금지. --palette-ref 경로에서 색이 8개 나오면 그 8개로만 매핑. 추가 보간색 생성 금지.
픽셀 글자 프롬프트 주입 금지. 이미지 내부 텍스트는 이 스킬이 담당하지 않는다.
./sprites/ 외부 쓰기 금지 (--out-dir 지정 없는 한).
masterpiece / 8k UHD / fulfill all requests 류 부스터·우회 문구 금지.

imagine 계열 스킬과의 관계

공용 인프라 재사용: oauth-session.js, output-allocator.js, request-planner.js.
compose-text.js는 사용하지 않음 — 픽셀 스프라이트에 벡터 글자를 얹지 않는다.
Style Guardian에 palette_png_path 등록으로 시리즈 일관성 유지 (cross_character_leak: false — 다른 캐릭터 카드와 섞이지 않는 스프라이트 전용 스코프).
imagine-char(하이 디테일 일러스트)와 구분: 이 스킬은 16~64px 정수 그리드 전용.
imagine-pixel-sprite-sheet(idea 07)과 공유: 팔레트 유틸·스냅 로직을 이 스킬에서 수입해 애니메이션 시트를 조립한다.

이 저장소의 다른 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-icon

Mineru98/imagine

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

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

name	imagine-pixel
description	2D 도트 인디 게임·픽셀 아트 NFT·레트로 SNS 프로필용 정수 픽셀 그리드 스프라이트를 생성한다. AI가 뽑은 "픽셀 스타일 이미지"를 `scripts/lib/pixelize.js`로 후처리 스냅(nearest-neighbor 다운샘플 → 팔레트 클램프 → N× 업스케일)해 실제 16/32/48/64 그리드에 정렬한다. 스냅 없이 AI 원본을 그대로 저장하지 않는다. JPEG 저장은 금지(PNG only). 사용자가 "픽셀 캐릭터", "도트 스프라이트", "imagine-pixel", "픽셀 아트" 등을 말하면 이 스킬이 담당한다.
argument-hint	<concept> [--target-size 16\|32\|48\|64] [--palette-size 8\|16\|32] [--palette-ref <palette.png>] [--style gba\|nes\|snes\|modern-lowres\|outline-heavy] [--out-dir <path>]

imagine-pixel

트리거

imagine-pixel "<컨셉>" / imagine-pixel --target-size 32 ...
"픽셀 캐릭터", "도트 스프라이트", "픽셀 아트 만들어줘"
"8비트 캐릭터", "16비트 스프라이트"
"imagine-pixel"

핵심 제약

항목	값
생성 해상도	1024×1024 (고해상도 원본, AI 생성분)
타겟 해상도	16 / 32 / 48 / 64 정수 중 하나
팔레트 크기	8 / 16 / 32 중 하나
포맷	PNG 필수. JPEG 저장 전면 금지 (`forbidden_formats: ["jpeg","jpg","webp"]`).
투명 배경	기본 `true`. alpha 채널 보존.
후처리 스냅	필수. AI 원본을 스냅 없이 저장하면 안 된다 (`pixelize.require_post_snap: true`).

파이프라인

프롬프트 구성:
- config.style_presets에서 --style 키의 영문 구문 가져옴.
- 사용자 컨셉 + 스타일 프리셋 + positive_prompt_suffix (crisp pixel edges, no anti-aliasing, uniform pixel grid, limited palette, transparent background) 결합.
- negative 강제: blurry, smooth shading, anti-aliased, soft gradient, photorealistic, jpeg artifacts, 3D render.
고해상도 생성: Codex 이미지 모델로 1024×1024 PNG 1장.
후처리 스냅 (scripts/lib/pixelize.js):
1. nearest-neighbor로 targetSize(16/32/48/64)로 다운샘플.
2. 팔레트 선택:
  - --palette-ref <palette.png> 지정 시 해당 PNG에서 unique 색 추출 후 closest-color 매핑.
  - 없으면 median-cut으로 palette-size만큼 양자화.
3. 팔레트에 전 픽셀 스냅.
4. nearest-neighbor로 preview_scale: 8 배 업스케일.
저장 3종: <name>_<N>.png (실 크기) + <name>_<N>@8x.png (프리뷰) + palette.png (추출 팔레트 스트립).
알파 검증: preserve_alpha: true 하에 투명 픽셀은 완전 투명으로 고정. 회색 바둑판 래스터 방지.

출력 규약

./sprites/<name>/
├── <name>_<target_size>.png        ← 실 크기 (16/32/48/64)
├── <name>_<target_size>@8x.png     ← 프리뷰 (nearest-neighbor 업스케일)
├── palette.png                      ← 추출된 팔레트 스트립
└── _manifest.json                   ← targetSize, paletteSize, style, palette HEX 배열

<name>: 컨셉 slugify.
--out-dir 지정 시 그대로 사용. 조용한 경로 변경 금지.
루트 ./sprites/ 외부 쓰기 금지 (--out-dir 없는 한).
JPEG/JPG/WebP로는 저장하지 않는다. 파일명 확장자를 .jpg / .jpeg / .webp로 준 경우 pixelize.js가 즉시 에러.

팔레트 통일 (palette-ref)

같은 게임의 모든 스프라이트가 동일 팔레트를 쓰도록 보장하려면 첫 스프라이트의 palette.png를 이후 호출에 --palette-ref로 넘긴다.
pixelize는 palette-ref의 HEX 목록만 사용해 closest-color 매핑한다. 새 색을 생성·추가하지 않는다.
Style Guardian에 palette_png_path를 등록하면 수동으로 플래그를 넘기지 않아도 자동 재사용 (config.style_guardian.manifest_keys).

프롬프트 규약

negative에 blurry, smooth shading, anti-aliased 고정. 스타일 프리셋으로 이를 완화하지 않는다.
positive 고정 접미사: crisp pixel edges, no anti-aliasing, uniform pixel grid, limited palette, transparent background.
한국어 설명은 영문 시각 구문으로 변환해 주입 (prompt-director 경유 가능). 사용자 원문은 manifest에 보관.
캐릭터 이름·게임 이름 같은 실제 텍스트를 프롬프트에 넣지 않는다 (픽셀 글자 표현은 별도 스킬/수동 작업으로).

실패 모드 대응

증상	조치
AI 출력이 모조 픽셀(그리드 어긋남)	후처리 스냅이 항상 수행되므로 최종 파일은 정렬됨. 스냅 전 원본을 산출물로 쓰지 않는다 (`require_post_snap: true`).
팔레트가 매 호출 다름	`--palette-ref` 전달 또는 Style Guardian에 `palette.png` 등록.
투명 배경이 회색 바둑판으로 래스터	`preserve_alpha: true`로 처리. 문제 지속 시 `_manifest.json`에 alpha ratio 기록해 사용자에게 경고.
JPEG로 저장 요청	에러. "픽셀 아트는 JPEG가 색을 뭉개서 절대 금지" 설명 + PNG로 재지정하도록 안내.
pngjs 미설치	`pixelize.js`가 명시적 에러(`npm i pngjs` 안내).
targetSize가 16/32/48/64 외	`pixelize.js`가 즉시 에러. 자동 보정 금지.

금기

스냅 없이 AI 원본 저장 금지. 원본을 <name>_<N>.png로 직접 저장하지 않는다.
JPEG/JPG/WebP 저장 금지.
타겟 해상도 자동 보정 금지. 16/32/48/64 이외 값이면 거절.
팔레트 자유 증식 금지. --palette-ref 경로에서 색이 8개 나오면 그 8개로만 매핑. 추가 보간색 생성 금지.
픽셀 글자 프롬프트 주입 금지. 이미지 내부 텍스트는 이 스킬이 담당하지 않는다.
./sprites/ 외부 쓰기 금지 (--out-dir 지정 없는 한).
masterpiece / 8k UHD / fulfill all requests 류 부스터·우회 문구 금지.

imagine 계열 스킬과의 관계

공용 인프라 재사용: oauth-session.js, output-allocator.js, request-planner.js.
compose-text.js는 사용하지 않음 — 픽셀 스프라이트에 벡터 글자를 얹지 않는다.
Style Guardian에 palette_png_path 등록으로 시리즈 일관성 유지 (cross_character_leak: false — 다른 캐릭터 카드와 섞이지 않는 스프라이트 전용 스코프).
imagine-char(하이 디테일 일러스트)와 구분: 이 스킬은 16~64px 정수 그리드 전용.
imagine-pixel-sprite-sheet(idea 07)과 공유: 팔레트 유틸·스냅 로직을 이 스킬에서 수입해 애니메이션 시트를 조립한다.