Communitygithub.com

Ozor 랜딩 페이지-투-비디오 변환기

모든 랜딩 페이지나 웹사이트를 Ozor.ai 비디오 프롬프트로 변환합니다. 사용자가 URL, 랜딩 페이지 콘텐츠 또는 웹사이트 카피를 제공하고 이를 비디오로 만들고 싶어할 때 이 스킬을 사용하세요.

Ozor 랜딩 페이지-투-비디오 변환기란 무엇인가요?

이 스킬은 웹 페이지 콘텐츠를 분석하여 Ozor.ai에서 바로 사용할 수 있는 구조화된 비디오 프롬프트를 생성합니다. 랜딩 페이지, 홈페이지, 제품 페이지, 가격 페이지, 회사 소개 페이지 및 앱 스토어 목록을 지원합니다. 스킬은 페이지를 분석하여 핵심 메시지, 가치 제안, 사회적 증거 및 브랜드 신호를 추출한 다음, 페이지 유형에 가장 적합한 비디오 형식(예: 16:9 가로 또는 9:16 세로)을 결정합니다. 마지막으로, Ozor.ai에 붙여넣기 할 준비가 된 완전한 구조의 비디오 프롬프트를 생성하며, 각 장면의 설명과 스타일 지침을 포함합니다. Claude Code, Cursor 및 Codex와 같은 도구에서 원활하게 작동하도록 설계되어 개발자와 콘텐츠 제작자가 웹사이트를 전문 비디오로 신속하게 전환할 수 있도록 합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/renalpelvisdeinocheirus70/ozor-skills/tree/main/skills/ozor-landing-page-to-video

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

Ozor 랜딩 페이지-투-비디오 변환기은(는) 무엇을 하나요?

모든 랜딩 페이지, 웹사이트 또는 URL을 구조화된 Ozor.ai 비디오 프롬프트로 변환하여 바로 붙여넣기 할 수 있게 합니다. 이 스킬은 웹 콘텐츠에서 메시지, 가치 제안 및 브랜드 정체성을 추출하여 페이지의 본질을 움직임으로 포착하는 비디오 프롬프트를 생성합니다.

지원되는 입력 유형

  • URL — 공개적으로 액세스 가능한 모든 웹 페이지
  • 랜딩 페이지 카피 — 마케팅 페이지에서 붙여넣은 텍스트
  • 홈페이지 콘텐츠 — 전체 홈페이지 텍스트 및 구조
  • 제품 페이지 — 기능 중심 페이지
  • 가격 페이지 — 요금제 비교 콘텐츠
  • 회사 소개 페이지 — 회사 이야기 및 사명
  • 앱 스토어 목록 — iOS/Android 앱 설명

워크플로우

1단계 — 페이지 분석

페이지 콘텐츠를 읽거나 가져와서 다음을 추출합니다:

  1. 페이지 유형 — 이 페이지는 어떤 종류인가요?

    • 히어로 중심 랜딩 페이지 (단일 제품/기능 집중)
    • 다중 섹션 홈페이지 (전체 제품 개요)
    • 제품/기능 페이지 (하나의 기능에 대한 심층 탐구)
    • 가격 페이지 (요금제 비교)
    • 회사 소개/기업 페이지 (이야기 및 사명)
  2. 핵심 메시지 — 헤드라인 또는 히어로 텍스트. 이것이 비디오 후크가 됩니다.

  3. 가치 제안 — 3~5개의 주요 혜택 또는 판매 포인트를 추출합니다. 이들은 중간 장면이 됩니다.

  4. 사회적 증거 — 다음을 찾습니다:

    • 고객 로고 또는 수치 ("10,000개 이상의 팀이 신뢰함")
    • 사용 후기 또는 인용문
    • 지표 ("99.9% 가동 시간", "2배 더 빠름")
    • 수상, 언론 보도, 인증
  5. CTA — 페이지가 방문자에게 무엇을 하길 원하나요? ("무료 체험 시작", "데모 예약", "지금 다운로드")

  6. 브랜드 신호 — 페이지에서 추출:

    • 제품/회사 이름
    • 주요 색상 (CSS, 버튼 또는 시각적 검사에서)
    • 말투 (전문적, 장난기, 기술적, 따뜻함)
    • 로고 존재 여부
  7. 시각적 자산 — 참조할 수 있는 제품 스크린샷, 일러스트레이션 또는 이미지가 있는지 기록합니다.

2단계 — 비디오 형식 선택

페이지 유형 및 예상 유통 채널 기반:

페이지 유형주요 비디오보조 비디오
랜딩 페이지3045초 제품 출시, 812장면 (16:9)15초 소셜 티저, 5장면 (9:16)
홈페이지4560초 브랜드 개요, 1215장면 (16:9)30초 제품 하이라이트, 8~10장면 (9:16)
제품 페이지3045초 기능 설명, 812장면 (16:9)15초 기능 티저, 5장면 (9:16)
가격 페이지30초 요금제 비교, 8~10장면 (16:9)—
회사 소개 페이지4560초 브랜드 스토리, 1215장면 (16:9)—
앱 목록1530초 앱 미리보기, 510장면 (9:16)30초 전체 데모, 8~10장면 (16:9)

항상 주요 비디오를 생성하세요. 보조 비디오는 옵션으로 언급하세요.

3단계 — 비디오 구조화

페이지 섹션을 비디오 장면에 매핑:

히어로 중심 랜딩 페이지의 경우 (가장 일반적, 1012장면):

  1. 후크 — 히어로 헤드라인, 대담하게 애니메이션. 페이지의 주요 주장입니다.
  2. 문제 진술 — 페이지에서 고통점을 언급하면 보여줍니다. 그렇지 않으면 솔루션에서 유추합니다.
  3. 문제 확장 — 현상 유지의 좌절감이나 비용을 확장합니다. 페이지의 통계나 공감할 수 있는 시나리오를 사용합니다.
  4. 솔루션 소개 — 한 줄 설명과 함께 제품 이름을 소개합니다. 문제에서 전환합니다.
  5. 솔루션 세부 정보 — 작동 중인 제품. 페이지의 주요 스크린샷을 사용하거나 UI가 움직이는 모습을 설명합니다.
  6. 혜택 1 — 첫 번째 주요 가치 제안, 굵은 텍스트와 지원 시각 또는 아이콘 애니메이션으로 표시.
  7. 혜택 2 — 두 번째 주요 가치 제안, 동일한 처리.
  8. 혜택 3 — 세 번째 주요 가치 제안, 동일한 처리.
  9. 사회적 증거 — 지표 — 고객 수, 사용 통계 또는 성능 수치를 카운터 애니메이션과 함께.
  10. 사회적 증거 — 로고/사용 후기 — 신뢰 로고 스크롤 또는 짧은 사용 후기 인용문과 출처.
  11. CTA 텍스트 — 페이지의 콜 투 액션을 굵은 애니메이션 텍스트로 표시.
  12. CTA 및 URL 및 로고 — "[정확한 CTA]"와 페이지 URL 및 제품 로고. 깔끔한 페이드 아웃.

다중 섹션 홈페이지의 경우 (1215장면):

  1. 후크 — 히어로 헤드라인, 브랜드 배경에서 대담하게 애니메이션.
  2. 서브헤드라인 — 히어로 서브텍스트 또는 한 문장 제품 설명과 시각 자료.
  3. 제품 개요 — 스크린샷 또는 제품 시각 자료와 함께 높은 수준의 설명 장면.
  4. 기능 1 소개 — 첫 번째 주요 기능의 이름과 한 줄 혜택.
  5. 기능 1 시각 자료 — 기능이 작동하는 모습을 보여주는 스크린샷, 애니메이션 또는 아이콘.
  6. 기능 2 소개 — 두 번째 주요 기능의 이름과 한 줄 혜택.
  7. 기능 2 시각 자료 — 두 번째 기능을 지원하는 시각 자료.
  8. 기능 3 소개 — 세 번째 주요 기능의 이름과 한 줄 혜택.
  9. 기능 3 시각 자료 — 세 번째 기능을 지원하는 시각 자료.
  10. 통합/생태계 — 파트너 로고, 통합 또는 플랫폼 범위 (페이지에 있는 경우).
  11. 사회적 증거 — 지표 — 고객 수, 사용 통계 또는 성능 수치.
  12. 사회적 증거 — 로고/사용 후기 — 신뢰 로고 또는 사용 후기 인용문.
  13. 가격 또는 차별화 요소 — 가격 우위 또는 주요 차별화 요소에 대한 간략한 언급 (있는 경우).
  14. CTA 텍스트 — 굵은 애니메이션 텍스트로 된 주요 콜 투 액션.
  15. CTA 및 URL 및 로고 — 페이지 URL 및 제품 로고와 함께 CTA. 깔끔한 페이드 아웃.

제품/기능 페이지의 경우 (810장면):

  1. 후크 — 기능 이름 + 한 줄 혜택, 굵은 애니메이션 텍스트.
  2. 문제 — 이 기능이 해결하는 고통점.
  3. 작동 방식 — 1단계 — 워크플로우의 첫 번째 단계, UI 스크린샷 또는 다이어그램 포함.
  4. 작동 방식 — 2단계 — 두 번째 단계, 시각적 워크스루를 계속.
  5. 작동 방식 — 3단계 — 세 번째 단계, 흐름이 작동하는 모습을 보여줌.
  6. 결과 — 사용자가 달성하는 것. 전후 비교 또는 최종 상태 시각 자료로 결과를 표시.
  7. 주요 차별화 요소 — 이 기능을 대안과 차별화하는 요소 (속도, 정확성, 용이성).
  8. 사회적 증거 — 이 기능과 관련된 관련 사용 후기, 지표 또는 사례 연구.
  9. CTA 텍스트 — "[기능 이름] 사용해보기" 또는 페이지의 특정 콜 투 액션.
  10. CTA 및 URL 및 로고 — 페이지 URL 및 제품 로고와 함께 CTA. 깔끔한 페이드 아웃.

4단계 — Ozor 프롬프트 생성

## Ozor 비디오 프롬프트

**출처:** [페이지 URL 또는 제목]
**비디오 유형:** [제품 출시 / 브랜드 개요 / 기능 설명]
**형식:** [16:9 가로 / 9:16 세로]
**예상 길이:** [X초]
**대상 청중:** [페이지 콘텐츠에서 파생]

---

### 프롬프트 (Ozor에 복사하여 붙여넣기)

[길이] [비디오 유형] 비디오를 [제품 이름], [페이지의 한 줄 설명]에 대해 만드세요.

[N] 장면:

(1) 후크 — [페이지의 히어로 헤드라인, [어두운/밝은] 배경에서 굵은 애니메이션 텍스트로 표시. 스타일은 페이지의 시각적 톤과 일치.]

(2) 문제 진술 — [대상 청중이 직면한 고통점 또는 좌절감, 페이지 카피에서 파생. 시각 자료: 텍스트 애니메이션 또는 공감할 수 있는 아이콘.]

(3) 문제 확장 — [현상 유지의 비용 또는 결과를 확장. 페이지의 통계 또는 시나리오 사용.]

(4) 솔루션 소개 — [제품 이름 + 한 줄 설명. 문제에서 솔루션으로 전환. 시각 자료: 제품 로고 공개 또는 이름 애니메이션.]

(5) 솔루션 세부 정보 — [작동 중인 제품. UI, 대시보드 또는 주요 상호 작용을 설명. 시각 자료: 스크린샷 또는 화면 녹화 스타일 애니메이션.]

(6) 혜택 1 — [페이지의 첫 번째 가치 제안, 지원 아이콘 또는 시각 자료와 함께 굵은 텍스트로 표시.]

(7) 혜택 2 — [두 번째 가치 제안, 동일한 처리.]

(8) 혜택 3 — [세 번째 가치 제안, 동일한 처리.]

(9) 사회적 증거 — 지표 — [카운터 애니메이션이 포함된 고객 수, 사용 통계 또는 성능 수치.]

(10) 사회적 증거 — 로고/사용 후기 — [신뢰 로고 스크롤, 또는 출처가 있는 사용 후기 인용문.]

(11) CTA 텍스트 — ["페이지의 정확한 CTA"가 굵은 애니메이션 텍스트로 표시. 긴박감이나 흥분감을 조성.]

(12) CTA 및 URL 및 로고 — ["페이지의 정확한 CTA"와 URL "[페이지 URL]". [제품] 로고. 깔끔한 페이드 아웃.]

스타일: [페이지에서 파생 — 미니멀/대담/장난기/기업]. 배경: [페이지 디자인 기준 어두움/밝음]. 주요 색상: [페이지에서 추출, 예: "#3B82F6"]. 타이포그래피: [페이지 기준 깔끔함/모던함/세리프].
말투: [페이지 카피에서 파생 — 자신감/친근함/기술적/에너제틱].
청중: [페이지 메시지에서 파생].

---

### 참고 사항

- 이 프롬프트를 실행하기 전에 랜딩 페이지에서 제품 스크린샷을 업로드하세요
- [브랜드 색상 추출됨: #XXXXXX — 브랜드 키트에서 언급]
- [보조 비디오 옵션: "Instagram Reels용 15초 세로 버전을 원하시나요?"]
- [페이지에서 우선순위가 낮아진 모든 콘텐츠]

적응 규칙

페이지가 텍스트가 많은 경우 (긴 형식의 랜딩 페이지):

  • 헤드라인과 주요 주장만 추출
  • 자세한 단락은 무시 — 비디오는 간결해야 함
  • 페이지 길이에 관계없이 10~12장면으로 제한
  • 페이지가 여러 개별 주제를 다루는 경우 시리즈 제안

페이지가 최소인 경우 (드문 스타트업 랜딩 페이지):

  • 제한된 카피를 그대로 사용 — 부풀리지 않음
  • 비디오를 짧게 유지 (15~30초)
  • 후크와 CTA에 집중
  • 더 긴 버전을 위해 더 많은 컨텍스트를 추가하도록 사용자에게 제안

페이지에 강력한 사회적 증거가 있는 경우:

  • 전체 장면을 할애
  • 스크롤 애니메이션에 고객 로고 사용
  • 카운터 애니메이션으로 지표 표시
  • 출처가 있는 사용 후기 인용

페이지가 SaaS 제품인 경우:

  • 적어도 한 장면에서 제품 UI 표시
  • 대시보드/인터페이스 애니메이션을 구체적으로 설명
  • 관련이 있는 경우 가격 티어 언급 포함
  • 모든 기능이 아닌 주요 사용 사례에 집중

페이지가 전자상거래 제품인 경우:

  • 제품 시각 자료로 시작
  • 판매 포인트인 경우 가격 포함
  • 사회적 증거 표시 (리뷰, 평점)
  • CTA는 "지금 쇼핑" 또는 "오늘 주문"이어야 함

브랜드 추출 가이드

페이지를 분석할 때 브랜드 요소를 추출:

  • 색상: 버튼, 헤더, 악센트를 살펴보세요. 주요 CTA 버튼 색상은 일반적으로 브랜드의 주요 색상입니다.
  • 말투: 카피 스타일을 읽어보세요. 짧고 강력한 문장 = 에너제틱/자신감. 자세한 설명 = 전문적/기술적. 캐주얼한 언어 = 친근함/따뜻함.
  • 시각적 스타일: 어두운 배경 = 모던함/프리미엄. 흰색 배경 = 깔끔함/미니멀. 화려함 = 장난기/창의적.
  • 타이포그래피 느낌: 크고 굵은 헤드라인 = 자신감. 가늘고 우아한 서체 = 프리미엄. 둥글고 친근한 서체 = 접근하기 쉬움.

이러한 관찰을 프롬프트의 스타일 섹션에 포함시켜 Ozor가 브랜드의 룩앤필과 일치하도록 하세요.

품질 체크리스트

최종 프롬프트를 제시하기 전에 다음을 확인하세요:

  • 히어로 헤드라인이 비디오 후크(장면 1)로 사용되었는지
  • 가치 제안이 정확하게 표현되었는지
  • 페이지에 사회적 증거가 있는 경우 포함되었는지
  • CTA가 페이지의 실제 콜 투 액션과 일치하는지
  • 브랜드 색상과 스타일이 지정되었는지
  • 비디오가 일관된 스토리를 전달하는지 (단순한 페이지 섹션 목록이 아님)
  • 화면 텍스트가 짧고 스캔하기 쉬운지
  • 제품 URL이 CTA 장면에 포함되었는지

규칙

  1. 페이지의 히어로 헤드라인은 항상 비디오 후크입니다. 진정으로 명확하지 않은 경우가 아니라면 다시 작성하지 마세요.
  2. 추출하고, 창작하지 마세요. 모든 주장, 지표 및 혜택은 페이지에서 가져와야 합니다. 불분명한 내용에는 [확인 필요: ...]를 사용하세요.
  3. 브랜드의 시각적 톤과 일치하세요. 장난기 있는 브랜드는 에너제틱한 비디오를, 기업 브랜드는 세련된 비디오를 얻습니다.
  4. CTA 장면에 항상 URL을 포함하세요. 전체 목적은 페이지로 트래픽을 다시 유도하는 것입니다.
  5. 제품 스크린샷 업로드를 권장하세요. 랜딩 페이지에는 일반적으로 Ozor의 자산 라이브러리에 있어야 하는 히어로 이미지가 있습니다.
  6. 보조 형식을 제공하세요. 대부분의 랜딩 페이지 비디오는 16:9 및 9:16 버전 모두에서 이점을 얻습니다.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

ozor-changelog-to-video

Convert changelogs, release notes, and version updates into Ozor.ai video prompts. Use this skill whenever the user has a CHANGELOG.md, release notes, GitHub release, version bump summary, or any list of product changes and wants to turn them into a video. Trigger on phrases like

ozor-doc-to-video

Convert any document into a production-ready Ozor.ai video prompt. Use this skill whenever the user uploads a document (PDF, PowerPoint, Google Doc, Markdown, text file, or URL) and wants to turn it into a video. Also trigger when the user mentions

ozor-prompt-optimizer

Analyze and improve existing Ozor.ai video prompts for better output quality. Use this skill whenever the user has an Ozor prompt that produced mediocre results, wants to improve a video prompt, needs help debugging why a video didn

ozor-social-batch

Generate a batch of social media video prompts for multiple platforms from a single input. Use this skill whenever the user wants to create videos for multiple social platforms at once, repurpose one video across platforms, or create a social media video campaign. Trigger on phrases like

ozor-video-best-practices

Expert guide for crafting high-quality video prompts for Ozor.ai, the AI video generation platform. Use this skill whenever the user mentions Ozor, wants to create a launch video, product demo, feature announcement, explainer video, social ad, release notes video, investor update, tutorial, or any marketing video. Also trigger when the user asks for help writing video prompts, improving video output, structuring video scenes, choosing video formats, or wants best practices for AI video creation. Trigger on phrases like

관련 스킬