콘텐츠 크리에이터를 위해
AI 에이전트를 위한 OG 이미지 생성 Skill
Skill을 설치하고 에이전트에게 페이지 제목과 짧은 헤드라인을 주면, 49가지 스타일 중 하나로 공유 이미지를 받을 수 있어요. 게시할 때마다 같은 느낌으로요.
지원 환경
외 30개 이상의 에이전트
외 30개 이상의 에이전트스타일별 OG 이미지 예시
각 카드는 Skill이 실제로 만든 이미지예요. 하나를 열면 전체 세트, 입력값, 실행에 필요한 것을 볼 수 있어요.
빠른 답변
Open Graph 이미지란 무엇인가요?
Open Graph(OG) 이미지는 X, LinkedIn, Slack, iMessage에서 링크를 공유할 때 나타나는 그림이에요. 페이지는 og:image 메타 태그로 이를 지정합니다. 없으면 공유 시 링크만 덩그러니 보이거나 아무렇게나 잘린 이미지가 나와요.
게시물
Skillry@skillrydev · 2h
새 가이드: 공유하는 모든 페이지에 제대로 된 링크 미리보기를 붙이세요. skillry.dev/learn
Practical skills, ready when you areskillry.dev에서
이 이미지가 바로 OG 이미지예요124832618K
Dana Ortiz@danaships · 1h
@skillrydev 다음엔 제 블로그에도 적용해야겠어요. 이 미리보기 덕분에 스크롤을 멈췄어요.
19640
<meta property="og:image">- 권장 크기
- 1200 × 630 px (1.91:1)
- 이 Skill들의 결과물
- 실행당 16:9 이미지 한 장, 예: 1200 × 675
- 1.91:1 미리보기에 맞나요?
- 네, 위아래가 살짝 잘려요
- 준비할 것
- 브랜드나 프로젝트 이름, 짧은 헤드라인, 페이지 맥락
- 이미지 속 텍스트
- 짧은 헤드라인 하나, 긴 문구는 지원하지 않아요
- 실행 비용
- 본인 FAL 계정의 유료 이미지 생성
제목으로 소셜 공유 이미지 만들기
Claude Code, Codex 또는 SKILL.md를 읽는 모든 에이전트에서 세 단계로.
1Skill 설치
Skill 페이지에서 설치 프롬프트를 복사해 에이전트에 붙여 넣으세요.
2제목 전달
페이지 이름을 정하고, 짧은 헤드라인을 하나 쓰고, 누구를 위한 건지 말해 주세요.
3확인 후 게시
이미지를 검토하고 썸네일 크기에서도 헤드라인이 읽히는지 확인한 뒤
og:image로 지정하세요.
그냥 AI에게 OG 이미지를 부탁하면 안 되나요?
직접 요청해도 결과는 나와요. Skill은 그 결과를 믿을 수 있고 반복 가능하게 만드는 요소를 더해 줍니다.
AI에게 직접 요청이 Skill로
시작점AI에게 직접 요청: 매번 스타일을 처음부터 설명해야 해요한 가지 스타일을 위한 고정된 비주얼 레시피, 첫 실행부터 바로 사용
헤드라인AI에게 직접 요청: 텍스트가 깨지거나 너무 길게 나오기 일쑤레이아웃과 위계가 정해진 짧은 헤드라인 하나
일관성AI에게 직접 요청: 페이지마다 조금씩 다른 느낌게시하는 모든 페이지에 같은 스타일
결과물AI에게 직접 요청: 채팅에서 한 번 만들고 끝나는 이미지저장된 이미지 파일과 다시 실행할 수 있는 프롬프트
OG 이미지 생성기 FAQ
이 Skill들이 하지 않는 것
- 기존
og:image태그를 점검하거나 테스트하지는 않아요. - 사이트에 메타 태그를 대신 작성해 주지 않아요.
- 이미지 안에 긴 텍스트나 복잡한 차트를 넣기에는 적합하지 않아요.
OG 이미지는 어떤 크기가 좋나요?
가장 폭넓게 지원되는 1200 × 630 px(1.91:1 비율)를 쓰세요. 이 Skill들은 16:9 이미지를 만드는데, 대부분의 플랫폼에서 위아래가 살짝 잘려 보이니 헤드라인을 가장자리에서 떨어뜨려 두세요.
무료 OG 이미지 Skill이 있나요?
네. Notion Style과 Linktree Style OG Skill은 무료로 설치할 수 있어요. 유료 Skill과 마찬가지로 본인 FAL 계정의 이미지 생성을 호출하며, 요금은 FAL이 청구해요.
로고를 넣을 수 있나요?
에이전트에게 브랜드나 프로젝트 이름을 주고 로고 위치를 설명하세요. 정확한 로고 파일이 필요하면 완성된 이미지 위에 편집 툴로 직접 올리세요. 이 Skill들은 픽셀 단위로 정확한 로고 렌더링을 보장하지 않아요.
어떤 에이전트에서 이 Skill들을 실행할 수 있나요?
Claude Code, Codex, Cursor, Gemini CLI 등 SKILL.md 폴더를 읽는 모든 에이전트에서 쓸 수 있어요. 번들된 생성 스크립트를 실행하려면 Node.js 20 이상이 필요해요.
콘텐츠 크리에이터를 위한 더 많은 작업
작업마다 전용 Skill, 실제 예시, FAQ가 있어요.
블로그 커버 이미지핵심 주장을 담은 대표 이미지
인용 그래픽아이디어 하나, 정사각형 카드 한 장
글 일러스트글 속 아이디어 하나를 그림으로
원 페이지 웹사이트HTML 파일 하나에 담은 제품 사이트 전체