og-image이란?
소셜 미디어 미리보기 이미지(오픈 그래프)를 생성하고 메타 태그를 구성합니다. 프로젝트의 기존 디자인 시스템을 사용하여 스크린샷에 최적화된 페이지를 생성하고 1200x630으로 캡처한 후 모든 소셜 공유 메타 태그를 설정합니다. 출처: stevysmith/og-image-skill.
·og-image
</>
og-image
✓소셜 미디어 미리보기 이미지(오픈 그래프)를 생성하고 메타 태그를 구성합니다. 프로젝트의 기존 디자인 시스템을 사용하여 스크린샷에 최적화된 페이지를 생성하고 1200x630으로 캡처한 후 모든 소셜 공유 메타 태그를 설정합니다.
og-image 설치 방법
명령줄에서 og-image AI 스킬을 개발 환경에 빠르게 설치
- 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
- 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/stevysmith/og-image-skill --skill og-image
- 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
출처: stevysmith/og-image-skill.
SKILL.md
원본 보기This skill creates professional Open Graph images for social media sharing. It analyzes the existing codebase to match the project's design system, generates a dedicated OG image page, screenshots it, and configures all necessary meta tags.
Create a dedicated route at /og-image (or equivalent for the framework):
Audit and update the project's meta tag configuration. For Next.js App Router, update layout.tsx. For other frameworks, update the appropriate location.
소셜 미디어 미리보기 이미지(오픈 그래프)를 생성하고 메타 태그를 구성합니다. 프로젝트의 기존 디자인 시스템을 사용하여 스크린샷에 최적화된 페이지를 생성하고 1200x630으로 캡처한 후 모든 소셜 공유 메타 태그를 설정합니다. 출처: stevysmith/og-image-skill.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/stevysmith/og-image-skill --skill og-image- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-03-06
- 업데이트
- 2026-03-11
빠른 답변
og-image 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/stevysmith/og-image-skill --skill og-image 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/stevysmith/og-image-skill
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-03-06
관련 Skills
없음