XXD Panel 100이란
XXD Panel 100은 Agent를 위한 이미지 생성 Skill입니다. 사진을 픽셀 단위로 따라 그리는 대신 먼저 주체, 동작, 인물 간의 관계를 파악한 다음 복잡한 배경을 제거하고, 장난스러운 실루엣, primitive forms, 평면화된 서사로 화면을 압축합니다.
최종 작품은 일반적으로 따뜻한 백색 종이와 짙은 실루엣으로 구조를 안정시키고, 원본 사진에서 생동감 있는 색을 소량 추출합니다. 크레용, 오일파스텔, 거친 연필 같은 질감은 문지른 흔적, 끊김, 겹쳐 칠한 느낌과 종이의 비침을 유지해 매끄러운 벡터 이미지나 틀에 박힌 포스터 같은 인상을 피합니다.
예시 작품은 사진의 내용과 장난스러운 민예 디자인 언어 사이의 변환 관계를 보여 줍니다.
핵심 기능과 활용场景
- 핵심 이야기 유지: 주체의 정체성, 자세, 동작과 관계를 유지하고 불필요한 환경 세부 사항을 줄입니다.
- 실제 손작업 질감: 고르지 않은 짙은 색 채움, 마찰 흔적과 종이 비침을 사용해 지나치게 매끄러운 느낌을 피합니다.
- 제한된 색상: 원본 이미지에서 생명력 있는 색을 소량 선택하며, 사진과 무관한 색상표를 임의로 만들지 않습니다.
- 다양한 납품 방식: 상하 비교, 좌우 비교, 순수 디자인 이미지와 4종 기기용 배경화면을 지원합니다.
- 다양한 크기 생성: 일반 비율, 사용자 지정 비율 또는 정확한 픽셀을 선택할 수 있으며, 한 번에 여러 버전을 생성할 수도 있습니다.
- 디렉터리 일괄 처리: 이미지 디렉터리를 입력하면 일반적인 비트맵을 자동으로 스캔하고 동일한 미적 기준으로 한 장씩 생성합니다.
예술 포스터, 표지, 소셜 미디어 콘텐츠, 다양한 비율의 시각 결과물과 기기용 배경화면 제작에 적합합니다. 사실적인 복제, 복잡한 원근, 3D 효과, 아동용 만화 또는 매끄러운 상업용 벡터 이미지가 목표라면 이 스타일은 적합하지 않습니다.
네 가지 출력 모드
top-bottom: 상하 비교
화면은 위쪽의 현실 이미지와 아래쪽의 디자인 변환으로 구성되며, 원본 사진과 스타일화된 결과의 관계를 보여 주기에 적합합니다.
left-right: 좌우 비교
원본 이미지는 왼쪽, 디자인은 오른쪽에 배치되고 좌우 구조가 전체 캔버스를 관통합니다. 텍스트는 두 영역에 통합되며, 전체 너비를 가로지르는 별도의 하단 바는 생성하지 않습니다. 좌우 너비는 대칭이 아니어도 됩니다.
design-only: 순수 디자인 결과물
원본 이미지는 정체성, 구조, 색상과 사실 관계를 확인하는 근거로만 사용되며 결과물에 사진 영역으로 나타나지 않습니다. 캔버스의 모든 가시 요소는 Panel 100의 디자인 언어를 사용합니다.
wallpaper-pack: 4종 기기용 배경화면
휴대폰, iPad, 데스크톱과 시계용 완성 배경화면을 각각 생성합니다. 한 이미지를 기계적으로 네 가지 크기로 자르는 방식이 아니라 각 기기에 맞게 구도를 다시 구성합니다.
설치 및 환경 설정
먼저 저장소를 복제한 다음 프로젝트 디렉터리를 Codex의 Skills 디렉터리에 연결합니다.
git clone https://github.com/nevertoday/xxd-panel-100.git
mkdir -p ~/.codex/skills
ln -s "$(pwd)/xxd-panel-100" ~/.codex/skills/xxd-panel-100Claude Code 사용자는 같은 프로젝트 폴더를 해당 디렉터리에 연결할 수 있습니다.
mkdir -p ~/.claude/skills
ln -s "$(pwd)/xxd-panel-100" ~/.claude/skills/xxd-panel-100연결을 완료한 후에는 Agent 세션을 다시 시작해야 호스트가 Skill을 다시 검색할 수 있습니다. 프로젝트는 기본적으로 GPT Image 2를 우선 사용합니다. 현재 환경에 적합한 이미지 생성 채널이 없으면 Skill이 이미지 도구를 활성화하거나 API Key를 제공하도록 요청합니다. 사용자가 제공한 자격 증명은 다시 표시되지 않습니다.
첫 작품 생성하기
가장 간단한 방법은 사진을 Agent에게 보내고 자연어로 요청하는 것입니다.
XXD Panel 100으로 이 이미지를 처리하고, 가장 적합한 구도와 크기를 먼저 추천해 줘.
Skill을 호출한 뒤 모드와 문구 설정을 계속 질문하도록 할 수도 있습니다.
$xxd-panel-100
Use this photograph, ask me for the modes and copy setting, then generate fresh raster outputs.상호작용 과정에서 일반적으로 다음 세 가지 정보를 정해야 합니다.
- 출력 모드: 하나 이상의 구도 모드를 선택합니다.
- 화면 크기: 스마트 추천, 원본 이미지 기준, 일반 비율, 사용자 지정 비율 또는 정확한 픽셀을 사용합니다.
- 텍스트 방식: 모델이 텍스트를 생성하도록 하거나, 지정한 문구를 그대로 사용하거나, 텍스트를 완전히 제외합니다.
전체 매개변수로 질문 건너뛰기
납품 요구 사항을 이미 알고 있다면 명령 한 번으로 모든 매개변수를 전달할 수 있습니다. 다음 명령은 상하 비교 작품을 생성하며, 화면 비율은 Skill이 스마트하게 추천하고 텍스트는 중국어 간체를 사용합니다.
/xxd-panel-100 photo.jpg --mode top-bottom --size auto --text prompt --locale zh-CN3:2 가로형 좌우 비교 이미지를 생성하고 텍스트를 엄격히 금지합니다.
/xxd-panel-100 photo.jpg --mode left-right --size 3:2 --text none9:16 순수 디자인 휴대폰 세로 이미지를 생성하고 이미지와 원본 프롬프트를 바탕으로 모델이 일본어 텍스트를 생성하도록 합니다.
/xxd-panel-100 photo.jpg --mode design-only --size 9:16 --text prompt --locale ja-JP화면 텍스트 제어
Panel 100은 세 가지 명확한 텍스트 전략을 제공합니다. 텍스트 언어와 Agent의 작업 언어는 별도로 설정되며, 인물, 장소 또는 파일명을 바탕으로 대상 지역을 추측하지 않습니다.
--text prompt: 모델이 현재 이미지와 원본 프롬프트를 바탕으로 텍스트의 내용, 수량, 분위기와 배치를 결정하며,--locale로 언어 또는 지역을 지정합니다.--copy: 사용자의 문구를 한 글자씩 전달하며, 수정하거나 번역하거나 제목을 추가하지 않습니다.--text none: 텍스트와 유사 텍스트를 금지합니다.
예를 들어 정확한 중국어 문구를 사용합니다.
/xxd-panel-100 photo.jpg --mode design-only --size 3:4 --copy "让风经过这里" --locale zh-CN모델이 텍스트를 생성하도록 선택한 경우 사실에 관한 내용은 사용자 입력, 이미지에서 확인할 수 있는 정보 또는 검증된 자료에서 가져와야 합니다. Skill은 외부 단계에서 제목과 문구 묶음을 미리 작성하지 않습니다.
한 번에 여러 모드와 크기 생성
--mode와 --size는 모두 여러 값을 선택할 수 있습니다. 다음 명령은 두 가지 모드와 세 가지 크기를 선택하므로 서로 독립적인 완성 구도 여섯 장을 생성합니다.
/xxd-panel-100 photo.jpg --mode top-bottom,design-only --size 1:1,3:4,9:16 --text prompt --locale zh-CN각 비율은 동일한 원본 미적 프롬프트를 바탕으로 구도를 다시 구성하며, 하나의 완성물을 기계적으로 잘라내지 않습니다. 사용자 지정 비율과 정확한 픽셀을 같은 작업에 함께 넣을 수도 있습니다.
/xxd-panel-100 photo.jpg --mode design-only --size 11:14,2160x3840,3840x2160 --text none4종 기기용 배경화면 생성
배경화면 세트는 두 가지 관계를 지원합니다. linked는 먼저 기준 이미지를 한 장 생성한 다음 다른 기기용 이미지를 원본과 기준 이미지를 동시에 참고해 다시 구성합니다. independent는 서로 독립적인 배경화면 네 장을 생성합니다.
연결된 배경화면 세트를 생성합니다.
/xxd-panel-100 photo.jpg --mode wallpaper-pack --wallpaper linked --text none독립적인 배경화면을 생성하고 네 기기의 정확한 해상도를 지정합니다.
/xxd-panel-100 photo.jpg --mode wallpaper-pack --wallpaper independent --wallpaper-size phone=1440x3200,ipad=2048x2732,desktop=3840x2160,watch=1024x1024 --text none이미지 디렉터리 일괄 처리
단일 이미지 경로를 디렉터리 경로로 바꾸면 별도의 --batch 매개변수 없이 일괄 처리 모드로 전환됩니다.
/xxd-panel-100 "/path/to/photos" --mode design-only --size auto,9:16 --text prompt --locale zh-CNSkill은 일반적인 비트맵을 재귀적으로 스캔하고 이미지 수를 보고한 뒤 모드, 크기, 텍스트와 언어를 한 번만 확인합니다. 각 이미지는 독립적으로 생성되며 서로의 내용이나 문구를 빌려 쓰지 않습니다. 한 장의 생성이 실패하면 기록되지만 이후 이미지 처리를 조용히 건너뛰지는 않습니다.
출력 파일 및 디렉터리 규칙
호출할 때마다 하나의 작업 디렉터리만 생성하며, 최종 PNG는 그 안에 직접 저장됩니다. 원본, 모드, 크기 또는 기기별 하위 폴더는 더 이상 만들지 않습니다. 기본 작업 디렉터리는 ~/Desktop/xxd/이며, --out으로 출력 루트 디렉터리를 지정할 수도 있습니다.
/xxd-panel-100 photo.jpg --mode top-bottom --mode left-right --size 3:4 --size 16:9 --text none --out ./deliveries일반 파일명에는 원본 순번, 원본 파일명, 모드, 비율과 픽셀 정보가 포함됩니다. 배경화면 파일명에는 연결 관계와 기기도 표시됩니다. 모든 정식 납품물은 PNG 비트맵이어야 하며, SVG, HTML, Canvas 또는 프로그램으로 그린 이미지는 최종 작품을 대체할 수 없습니다.
고급 팁
원본 사진 비율 따르기
원본 사진의 전체 가로세로 관계를 유지하려면 source를 사용합니다.
/xxd-panel-100 photo.jpg --mode design-only --size source --text none지난 환경설정 재사용 또는 초기화
Skill은 모드, 크기, 텍스트 언어, 배경화면 관계와 출력 위치 등의 납품 환경설정을 기록할 수 있지만, 원본 이미지, 정확한 문구, 생성 결과, API 자격 증명 또는 모델 채널은 저장하지 않습니다.
--prefs last: 지난 환경설정을 바로 사용합니다.--prefs edit: 지난 환경설정을 사용한 후 수정합니다.--prefs new: 새 구성으로 시작합니다.--prefs off: 이번 작업에서 환경설정 기억을 끕니다.--prefs clear: 과거 환경설정을 삭제합니다.
/xxd-panel-100 photo.jpg --prefs last모델이 전체 캔버스를 완성하도록 하기
상하 및 좌우 비교 이미지는 기본적으로 이미지 모델이 한 번에 전체 캔버스를 생성하며, 경계선, 중앙선 비율 또는 픽셀 좌표를 감지하지 않습니다. 사용자가 픽셀 단위 영역 분할이나 원본 이미지의 픽셀 단위 보존을 명확히 요구한 경우에만 결정론적 합성 도구를 사용합니다.
프로젝트의 미적 기준을 임의로 바꾸지 않기
references/original-prompt/zh-CN.md는 창작 및 미적 기준에 관한 유일한 권위 문서입니다. 실행 매개변수는 모드, 크기, 텍스트, 언어와 납품 방식만 담당하며 색상표, 미적 의도 또는 제목을 별도로 통일해 계획해서는 안 됩니다. 자세한 과정은 Skill 워크플로와 중국어 원본 프롬프트에서 확인할 수 있습니다.
맺음말
XXD Panel 100의 핵심은 사진을 그대로 복제하는 것이 아니라, 피사체와 자세, 이야기의 관계를 존중하면서 사진을 소박한 실루엣, 수작업 질감, 제한된 색상, 민예풍 편집 문자를 갖춘 완성도 높은 작품으로 재해석하는 데 있습니다. 먼저 스마트 추천으로 단일 이미지 테스트를 진행한 다음, 다양한 비율, 정확한 문구, 배경화면 세트, 카탈로그 일괄 처리를 단계적으로 시도하면 다양한 게시 채널에 적합한 납품 프로세스를 더욱 안정적으로 구축할 수 있습니다.