메뉴
저장소의 이미지를 웹용으로 최적화한다(WebP 변환·해상도 축소·GIF 처리). PNG/JPG/대형 WebP를 WebP로 재인코딩하고, 화면 캡처형 대형 GIF는 정적 프레임으로, 짧은 데모 GIF는 애니메이션 WebP로 줄인 뒤 본문의 이미지 참조까지 실제 파일명과 맞춘다. 사용자가 "이미지 최적화/용량 줄여/스크린샷 최적화/optimize images"를 요청하거나, public/tool-screenshots 같은 정적 이미지 디렉터리가 커졌을 때 사용한다.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
YouTube 영상을 다운로드해 자막과 스크린샷을 결합한 한국어 학습 노트(.md)로 정리한다. "YouTube 영상 정리", "영상 학습노트", "유튜브 노트", "자막 기반 노트", "영상 요약 마크다운", "video to notes", "YouTube summary in Korean", "study notes from video", "transcribe and screenshot" 같은 표현은 물론, 사용자가 YouTube/유튜브/youtu.be 링크를 던지며 "정리", "요약", "공부 자료", "스크립트", "캡처와 같이" 등을 언급하면 반드시 이 스킬을 사용한다. yt-dlp로 영상·자막을 받고, ffmpeg로 핵심 장면을 캡처하고, 스크린샷-자막 매칭을 모델이 직접 검토한 뒤 영상을 보지 않아도 이해되는 한국어 노트를 만든다.
Maintain a live implementation-notes.md while implementing a feature from a SPEC. Records ambiguous design decisions, intentional deviations, tradeoffs, and open questions as they happen so the user can give feedback during implementation, not after. Use after grill-me, or whenever the user asks to implement a SPEC / specification / design doc / requirements. Triggers include "스펙 구현", "specification 따라 구현", "design doc 따라 구현해줘", "implement this spec", "build this from the spec".
Research a user-requested skill, plugin, MCP server, or browser extension and add a verified Markdown entry to AgentHub's content registry. Use when a user asks to register, submit, add, or list a new registry item.
Generate a Pinterest/Instagram-style analog Korean reading journal image from a book title, author, finish date, rating, and optional notes. Use when the user wants a one-page handwritten scrapbook-style book memo image. Ask for missing required information first, then create the image directly with the available image generation capability.
| name | image-optimizer |
| description | 저장소의 이미지를 웹용으로 최적화한다(WebP 변환·해상도 축소·GIF 처리). PNG/JPG/대형 WebP를 WebP로 재인코딩하고, 화면 캡처형 대형 GIF는 정적 프레임으로, 짧은 데모 GIF는 애니메이션 WebP로 줄인 뒤 본문의 이미지 참조까지 실제 파일명과 맞춘다. 사용자가 "이미지 최적화/용량 줄여/스크린샷 최적화/optimize images"를 요청하거나, public/tool-screenshots 같은 정적 이미지 디렉터리가 커졌을 때 사용한다. |
| allowed-tools | ["Bash","Read","Edit","Glob","Grep"] |
저장소의 정적 이미지를 WebP 중심으로 최적화하는 워크플로우. 카탈로그·문서용 스크린샷처럼 "웹에 그대로 서빙되는 이미지"를 대상으로, 화질 손실을 최소화하면서 용량을 크게 줄이고, Markdown 본문의 이미지 참조가 깨지지 않도록 정리한다.
public/ 등 정적 이미지 디렉터리 용량이 커졌을 때단순히 이미지 1장을 잠깐 줄이는 게 아니라, 디렉터리 전체를 규약에 맞춰 정돈할 때 쓴다.
-q 82). 짧은 데모 GIF는 애니메이션 WebP. SVG는 그대로 둔다(벡터).-resize_mode down_only).gif2webp로 변환한다.cmd $opts 형태로 옵션을 변수에 담아 넘길 때 단어 분리가 안 돼 한 토큰으로 들어간다. 스크립트는 bash -c '...'로 실행하거나 옵션을 직접 나열하라.sips로 PNG 리샘플 금지: sips는 PNG 압축이 나빠 오히려 용량이 폭증한다(예: 423K→2.5M). 압축/리사이즈는 cwebp로 한다.ffmpeg에 libwebp 인코더가 없을 수 있다: 이 환경에선 ffmpeg로 webp 인코딩/애니webp 디코딩이 안 된다. ffmpeg는 GIF에서 프레임 추출용으로만 쓰고, webp 인코딩은 cwebp/gif2webp를 쓴다.gif2webp는 -resize를 지원하지 않을 수 있다. 리사이즈가 필요하면 정적 프레임 경로(ffmpeg→cwebp)를 택한다.gif2webp에 바로 넣는다.find <dir> -type f | while read f; do
printf "%s %s %s\n" "$(ls -lh "$f"|awk '{print $5}')" \
"$(sips -g pixelWidth -g pixelHeight "$f" 2>/dev/null|awk '/pixelWidth/{w=$2}/pixelHeight/{h=$2}END{print w"x"h}')" "$f"; done
scripts/optimize-static.sh <dir> 실행. 원본은 webp로 대체되고, 더 커지면 원본 유지.bash scripts/reconcile-refs.sh <image-dir> <content-glob-dir>
node scripts/validate-content.mjs 등) 통과 확인.(A) 대형 화면녹화형 → 정적 프레임(WebP)
dur=$(ffprobe -v error -show_entries format=duration -of csv=p=0 in.gif)
mid=$(awk -v d="$dur" 'BEGIN{printf "%.2f", (d>0?d*0.55:1)}')
ffmpeg -loglevel error -y -ss "$mid" -i in.gif -frames:v 1 \
-vf "scale='min(1600,iw)':-1" /tmp/frame.png
cwebp -quiet -q 82 /tmp/frame.png -o out.webp
# out.webp를 Read로 확인(의미 있는 화면인지). 빈 프레임이면 -ss 시점을 바꿔 재추출.
(B) 짧은 데모 → 애니메이션 WebP
gif2webp -quiet -mixed -q 60 -m 6 in.gif -o out.webp
# 결과가 원본 gif보다 크면 원본 gif를 유지(드물게 발생).
시작 전 cwebp -version, gif2webp -version, ffmpeg -version, webpmux -version 존재를 확인한다. 없으면 brew install webp ffmpeg를 안내한다.
git status로 의도한 파일만 바뀌었는지 본다.