Images

compress-images는 웹과 SEO 성능을 높이기 위해 이미지 최적화를 자동화합니다. 원본 JPG, PNG, GIF 파일을 `originals/` 폴더로 옮기고, WebP로 변환한 뒤, 파일이 100KB 미만이 될 때까지 반복 처리하며, 더 안전한 일괄 작업을 위해 콘텐츠 참조도 업데이트합니다.

scientific-schematics는 자연어 프롬프트를 출판 품질의 과학 다이어그램으로 바꾸고, 스마트한 반복 개선까지 지원합니다. 생성에는 Nano Banana 2를, 검토에는 Gemini 3.1 Pro Preview를 사용하며, 문서 유형별 기준치보다 결과가 낮을 때만 재생성합니다. 신경망 구조, 시스템 다이어그램, 플로차트, 생물학적 경로 등 복잡한 과학 비주얼에 적합합니다.

generate-image는 OpenRouter를 통해 FLUX.2 Pro, Gemini 3.1 Flash Image Preview 같은 AI 모델로 이미지를 생성하거나 편집하는 스킬입니다. 사진, 일러스트, 콘셉트 아트, 시각 자료, 이미지 편집처럼 반복 가능한 작업 흐름이 필요할 때, 단발성 프롬프트보다 더 안정적으로 활용할 수 있습니다. 다이어그램, 플로우차트, 회로도에는 scientific-schematics를 사용하세요.

image-to-code는 시각적 레퍼런스를 실제 웹페이지로 바꿔주는 Codex용 image-to-code 스킬입니다. 디자인 이미지 생성으로 시작해, 세심한 분석을 거친 뒤, 레이아웃·간격·타이포그래피·히어로 구성까지 맞춰 구현합니다. 높은 시각적 충실도가 필요한 랜딩 페이지, 제품 페이지, 편집형 레이아웃, 포트폴리오, 리디자인 작업에 적합합니다.

seo-images 스킬은 SEO Content, 제품 페이지, 편집형 게시물 등 이미지가 많은 페이지의 이미지 SEO와 성능을 분석합니다. alt text, 파일 크기, 포맷, 반응형 전달, 지연 로딩, CLS 위험, 이미지 SERP 노출, 그리고 WebP/AVIF 및 IPTC/XMP 메타데이터 같은 최적화 옵션을 점검합니다. 실용적이고 우선순위가 분명한 이미지 감사를 원할 때 사용하세요.

seo-image-gen은 SEO 이미지 요청을 프로덕션에 바로 쓸 수 있는 프롬프트와 설정으로 바꿔 주는 GitHub 스킬입니다. OG 이미지, 소셜 미리보기, 히어로 배너, 제품 비주얼, 인포그래픽, 썸네일용 작업을 다루며, Gemini를 nanobanana-mcp로 호출합니다. 실용적인 seo-image-gen 안내와 워크플로우를 위해 banana 확장이 설치되어 있다고 가정합니다.

gif-sticker-maker는 MiniMax Image Generation, MiniMax Video Generation, 그리고 `ffmpeg`를 사용해 사진을 Funko Pop / Pop Mart 스타일의 애니메이션 GIF 스티커 4개로 바꿔줍니다. 이 gif-sticker-maker 스킬에는 설치 전제조건, 프롬프트 템플릿, 캡션, 그리고 이미지에서 GIF까지의 전체 워크플로가 포함됩니다.

netlify-image-cdn은 Netlify의 Image CDN을 사용해 `/.netlify/images`를 통해 이미지를 리사이즈, 크롭, 포맷 변환, 최적화하는 방법을 안내하는 가이드입니다. 로컬 자산, 반응형 이미지 마크업, 원격 이미지 허용 목록 설정, 깔끔한 URL 리라이트, 그리고 Backend Development용 Functions + Blobs 업로드 파이프라인까지 다룹니다.