## 실제 요청 흐름: GitHub 주소 → 이미지 프롬프트 → Agent 적용

이번 워크북은 대표님이 실제로 던진 요청을 기준으로 다시 정리했습니다. 핵심은 “이미지 만들기”가 아니라 8포즈 시트를 Clawd 테마로 잘라서 APNG까지 적용하고 스크린샷으로 확인하는 것입니다.

1 GitHub repo 전달

Clawd on Desk repo 주소를 Agent에게 주고 구조를 먼저 확인시킵니다.

2 캐릭터 확인

Dev MoMo / Clawd / 고양이귀 캐릭터 기준 이미지를 EXACT reference로 잡습니다.

3 8포즈 시트 생성

아래 영어 프롬프트를 정확히 사용해서 4x2 pose sheet를 만듭니다.

4 자르기·투명화·APNG

8개로 crop하고 배경을 투명 처리한 뒤 움직이는 APNG로 만듭니다.

5 실제 적용·스크린샷

내 컴퓨터 Clawd에 적용하고 화면 캡처로 실제 체크합니다.

이번 수정 기준: “정확히 이 프롬프트를 써야 한다”, “8개로 자르고 투명 처리하고 APNG까지 해서 내 컴퓨터에 적용”, “스크린샷까지 실제 체크”가 빠지지 않게 보강했습니다.

## 대표님이 준 GitHub 주소

주소창 전체를 복사해도 되지만, Agent 작업에는 보통 fbclid를 뺀 순수 repo 주소를 사용합니다.

    원문 URL:
    https://github.com/rullerzhou-afk/clawd-on-desk?fbclid=PAT01DUASZ1JFleHRuA2FlbQIxMABzcnRjBmFwcF9pZA81NjcwNjczNDMzNTI0MjcAAafy83iXTuDGgf2ecoFa3S2e9NZewvpq1XwR-NsAEXeq-15d6qQwUD3zygV9PA_aem_R-vh2ruaODUkUweXCrnayA

    정리 URL:
    https://github.com/rullerzhou-afk/clawd-on-desk

## 처음 요청 문장

Agent에게 작업 의도를 잡아주는 실제 시작 문장입니다.

    너 이거 하나만들어볼래 어찌되나보자

    Dev momo 이미지 뽑아줄수맀어? 고양이귀 어떤건지알아?

## 이미지 생성 프롬프트 — 정확히 이 문구 사용

8포즈 시트 생성 단계에서는 아래 원문을 그대로 사용합니다.

    Using the attached character as the EXACT reference (keep the same character,
    same colors, same style), draw this SAME character in 8 poses arranged in a
    4x2 grid on a flat solid pastel background.

    The 8 poses:
    1) idle — standing or sitting calmly, facing front
    2) thinking — head tilted, with a question mark "?"
    3) working — typing busily on a small keyboard or laptop
    4) worried — panicked with one blue sweat drop
    5) happy — cheerful and excited with sparkles
    6) surprised — looking up alert with an exclamation mark "!"
    7) sleeping — curled up asleep with "Zzz"
    8) waking — stretching or waving one hand up

    Keep the character design, size, and art style IDENTICAL across all 8.
    Solid flat background (easy to remove later). NO text, NO labels, NO words.

## Agent에게 최종으로 시킬 말

생성된 8포즈 시트를 실제 Clawd 테마로 만드는 작업 지시입니다.

    이 8포즈 시트로 Clawd 데스크탑 마스코트 커스텀 테마를 만들어줘.
    8개로 자르고, 배경 투명 처리하고, 움직이게(APNG)까지 해서
    내 컴퓨터에 적용해줘.

    Clawd 캐릭터야.

    적용하고 스크린샷까지 부탁.
    실제 체크까지 해줘.

## Hermes/OpenClaw Agent에 한 번에 넣는 최종 프롬프트

초보자는 아래 전체 블록을 복사해서 Agent에 붙여넣으면 됩니다.

    아래 GitHub repo를 기준으로 Clawd on Desk 커스텀 데스크탑 마스코트 테마를 만들어줘.

    참고 GitHub repo:
    https://github.com/rullerzhou-afk/clawd-on-desk

    먼저 해야 할 일:
    1. repo를 clone하거나 내용을 확인해서 Clawd on Desk의 테마 구조, 이미지 파일명 규칙, 설치 경로를 파악해줘.
    2. README와 예제 theme/assets가 있으면 확인해줘.
    3. 내 컴퓨터의 Clawd on Desk 테마 폴더 위치를 찾아줘.
    4. 기존 테마가 있으면 삭제하지 말고 백업해줘.

    캐릭터:
    - Clawd 캐릭터 / Dev MoMo 스타일
    - 고양이귀가 있는 작은 데스크탑 마스코트
    - 첨부한 캐릭터 이미지를 EXACT reference로 사용

    이미지 생성 프롬프트는 반드시 아래 원문을 사용해줘:

    Using the attached character as the EXACT reference (keep the same character,
    same colors, same style), draw this SAME character in 8 poses arranged in a
    4x2 grid on a flat solid pastel background.

    The 8 poses:
    1) idle — standing or sitting calmly, facing front
    2) thinking — head tilted, with a question mark "?"
    3) working — typing busily on a small keyboard or laptop
    4) worried — panicked with one blue sweat drop
    5) happy — cheerful and excited with sparkles
    6) surprised — looking up alert with an exclamation mark "!"
    7) sleeping — curled up asleep with "Zzz"
    8) waking — stretching or waving one hand up

    Keep the character design, size, and art style IDENTICAL across all 8.
    Solid flat background (easy to remove later). NO text, NO labels, NO words.

    작업:
    1. 생성된 4x2 포즈 시트를 8개 포즈 이미지로 정확히 잘라줘.
    2. 각 포즈의 배경을 투명 처리해줘.
    3. idle, thinking, working, worried, happy, surprised, sleeping, waking 상태 파일로 정리해줘.
    4. 필요한 상태는 움직이게 APNG로 만들어줘.
    5. APNG는 깜빡임이 없도록 full-frame no-flicker 방식으로 만들어줘.
    6. 다크 배경에서 외곽 halo가 보이면 alpha cleaning으로 수정해줘.
    7. Clawd on Desk 테마 폴더에 실제 적용해줘.
    8. 앱을 재시작하거나 새로고침해서 적용 여부를 확인해줘.
    9. 적용된 화면을 스크린샷으로 남겨줘.
    10. 실제 체크 결과를 QA 리포트로 정리해줘.
    11. 최종 결과물을 ZIP으로 묶고 README-INSTALL.md를 작성해줘.

    중요:
    - 기존 파일은 삭제하지 말고 백업 후 교체해줘.
    - 모든 경로를 Windows 경로와 WSL 경로 둘 다 알려줘.
    - 생성 파일이 실제로 존재하는지 확인해줘.
    - 적용 스크린샷 없이는 완료라고 하지 마.
    - 실패하면 repo 구조 문제 / 이미지 생성 문제 / 투명화 문제 / APNG 문제 / 설치 경로 문제 / 앱 실행 문제로 나눠서 보고해줘.

## 7단계 제작 파이프라인

작업의 핵심은 생성이 아니라 반복 가능한 품질관리입니다. 특히 halo와 APNG 깜빡임은 마지막 화면 QA에서 반드시 잡습니다.

1. 기준 캐릭터외형, 색상, 금지사항, reference image 고정
2. 포즈 시트 idle/thinking/working 등 8개 상태 생성
3. PNG 분리 grid crop, 투명 배경, 중심점 통일
4. APNG 생성 8~16fps, full-frame 안정 인코딩
5. 테마 설치 Clawd themes 폴더 백업 후 교체
6. 화면 QA 다크 배경 halo, 잔상, 깜빡임 검사
7. 패키징 README, preview, ZIP으로 전달 가능하게 정리

## 워크북 카드

내부 직원이나 다른 에이전트에게 넘겨도 같은 결과가 나오도록 입력물, 산출물, 검증 기준을 카드화했습니다.

01

### Input Kit

기준 캐릭터 이미지, 캐릭터 설명, 설치 경로, 상태 목록을 먼저 잠급니다.

02

### Design Prompt

“same character, same colors, same style”을 반복해서 포즈별 캐릭터 흔들림을 줄입니다.

03

### No-flicker Build

부분 프레임 최적화 대신 full-frame APNG로 Clawd 렌더러 호환성을 높입니다.

04

### QA & Package

실제 데스크탑 캡처로 검증하고, 롤백 가능한 ZIP 패키지로 마무리합니다.

## MoMo 상태 샘플

저번에 만든 Dev MoMo 캐릭터를 샘플로 연결했습니다. 브라우저가 APNG를 지원하면 움직이는 상태로 보입니다.

Idle
Thinking
Working
Worried
Happy
Surprised
Sleeping
Waking

## QA 포인트

Clawd 아바타는 파일만 예쁘면 끝이 아닙니다. 실제 데스크탑에 올렸을 때 작고 어두운 배경에서도 깨끗해야 합니다.

Crop QA
마스코트 영역을 확대해서 외곽선, halo, 잔상 여부를 확인합니다.
Theme Preview
최종 ZIP에 넣을 preview 이미지를 만들어 설치 전후 비교 기준으로 사용합니다.

## 완료 체크리스트

이 항목이 모두 통과되면 workbook을 skill로 바꾸기 좋은 상태입니다.

- ✅ 기준 캐릭터가 모든 포즈에서 동일하게 유지됨
- ✅ 8개 상태 PNG/APNG가 모두 존재함
- ✅ 투명 배경과 중심점이 안정적임
- ✅ 다크테마에서 핑크/흰색 halo 없음
- ✅ APNG 깜빡임/잔상 없음
- ✅ 기존 테마 백업 후 설치함
- ✅ 앱 재시작 후 실제 화면 캡처 QA 완료
- ✅ README 포함 ZIP 패키지 생성

## 작업 AI 지시문

다음 단계에서 이 내용을 그대로 skill의 실행 지침으로 옮기면 됩니다.

    너는 Clawd on Desk용 커스텀 아바타 테마를 제작한다.

    목표:
    - 기준 캐릭터 이미지를 유지한 채 8개 상태 포즈를 만든다.
    - 각 포즈를 투명 PNG로 분리한다.
    - 상태별 APNG를 full-frame no-flicker 방식으로 만든다.
    - Windows 다크테마에서 halo와 깜빡임이 없도록 QA한다.
    - 최종 테마 폴더와 ZIP 패키지를 만든다.

    산출물:
    1. 8포즈 시트
    2. 상태별 투명 PNG
    3. 상태별 APNG
    4. Clawd theme folder
    5. preview screenshot
    6. QA report
    7. installable ZIP