Communitygithub.com

Ozor 登陸頁面轉影片工具

將任何登陸頁面或網站轉換為 Ozor.ai 影片提示。當使用者提供網址、登陸頁面內容或網站文案並希望將其製作成影片時,使用此技能。觸發詞如

Ozor 登陸頁面轉影片工具 是什麼?

此技能專為 AI 助理(如 Claude Code、Cursor、Codex)設計,可將任何公開網頁或貼上的網站文案轉換為結構化的 Ozor.ai 影片提示。它會分析頁面類型、核心訊息、價值主張、社會證明、CTA 及品牌元素,並根據頁面類型(登陸頁面、產品頁面、定價頁面等)推薦適當的影片格式(16:9 或 9:16,時長 15–60 秒),再將頁面內容映射為具體的影片場景結構。最終輸出可直接貼入 Ozor.ai 的提示,包含場景描述、風格指南、品牌色彩及備註,確保影片忠實呈現原始頁面的行銷意圖,並在 CTA 場景中保留 URL 以導回流量。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/renalpelvisdeinocheirus70/ozor-skills/tree/main/skills/ozor-landing-page-to-video

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

Ozor 登陸頁面轉影片轉換器

將任何登陸頁面、網站或網址轉換為結構化、可直接貼入 Ozor.ai 的影片提示。此技能從網頁內容中提取訊息、價值主張與品牌識別,產生能捕捉頁面動態精髓的影片提示。

支援的輸入類型

  • 網址 (URLs) — 任何公開可存取的網頁
  • 登陸頁面文案 — 從行銷頁面貼上的文字
  • 首頁內容 — 完整的首頁文字與結構
  • 產品頁面 — 著重功能的頁面
  • 定價頁面 — 方案比較內容
  • 關於頁面 — 公司故事與使命
  • 應用程式商店列表 — iOS/Android 應用描述

工作流程

第一階段 — 分析頁面

讀取或擷取頁面內容並提取:

  1. 頁面類型 — 這是哪種頁面?

    • 英雄主導型登陸頁面 (單一產品/功能焦點)
    • 多區塊首頁 (完整產品概述)
    • 產品/功能頁面 (深入介紹單一能力)
    • 定價頁面 (方案比較)
    • 關於/公司頁面 (故事與使命)
  2. 核心訊息 — 標題或英雄文字。這將成為影片鉤子。

  3. 價值主張 — 提取 3–5 項主要優勢或賣點。這些將成為中間場景。

  4. 社會證明 — 尋找:

    • 客戶標誌或數量 ("超過 10,000 個團隊信賴")
    • 推薦或引述
    • 指標 ("99.9% 正常運作時間", "快 2 倍")
    • 獎項、媒體報導、認證
  5. 號召性用語 (CTA) — 頁面希望訪客做什麼? ("開始免費試用", "預約示範", "立即下載")

  6. 品牌訊號 — 從頁面提取:

    • 產品/公司名稱
    • 主要顏色 (來自 CSS、按鈕或視覺檢查)
    • 語氣 (專業、趣味、技術、溫暖)
    • Logo 存在
  7. 視覺資產 — 注意任何產品截圖、插圖或可參考的圖像。

第二階段 — 選擇影片格式

根據頁面類型和可能的分發渠道:

頁面類型主要影片次要影片
登陸頁面30–45 秒產品發布,8–12 場景 (16:9)15 秒社交媒體預告,5 場景 (9:16)
首頁45–60 秒品牌概述,12–15 場景 (16:9)30 秒產品亮點,8–10 場景 (9:16)
產品頁面30–45 秒功能解說,8–12 場景 (16:9)15 秒功能預告,5 場景 (9:16)
定價頁面30 秒方案比較,8–10 場景 (16:9)—
關於頁面45–60 秒品牌故事,12–15 場景 (16:9)—
應用程式列表15–30 秒應用預覽,5–10 場景 (9:16)30 秒完整示範,8–10 場景 (16:9)

務必產出主要影片。次要影片作為選項提及。

第三階段 — 結構化影片

將頁面區塊對應到影片場景:

針對英雄主導型登陸頁面 (最常見,約 10–12 場景):

  1. 鉤子 — 英雄標題,以大膽動畫呈現。這是頁面的主要主張。
  2. 問題陳述 — 若頁面提及痛點,則呈現它。若無,則從解決方案推斷。
  3. 問題闡述 — 擴展現狀的挫敗或代價。使用頁面中的統計或相關情境。
  4. 解決方案介紹 — 以一行描述介紹產品名稱。從問題過渡到解決方案。
  5. 解決方案細節 — 產品運作中。使用頁面的主要截圖或描述 UI 動態。
  6. 優勢 1 — 第一項關鍵價值主張,以粗體文字呈現,搭配支援視覺或圖示動畫。
  7. 優勢 2 — 第二項關鍵價值主張,相同處理。
  8. 優勢 3 — 第三項關鍵價值主張,相同處理。
  9. 社會證明 — 指標 — 客戶數量、使用統計或效能數字,搭配計數動畫。
  10. 社會證明 — 標誌/推薦 — 信賴品牌的標誌滾動,或附署名的簡短推薦引述。
  11. CTA 文字 — 頁面的號召性用語,以大膽動畫文字呈現。
  12. 配合網址和標誌的 CTA — "[確切的 CTA]" 加上頁面網址和產品標誌。乾淨淡出。

針對多區塊首頁 (~12–15 場景):

  1. 鉤子 — 英雄標題,在品牌背景上以大膽動畫呈現。
  2. 副標題 — 英雄副文字或一行產品描述,搭配視覺。
  3. 產品概述 — 高層次功能介紹場景,搭配截圖或產品視覺。
  4. 功能 1 介紹 — 第一個主要功能的名稱與一行優勢。
  5. 功能 1 視覺 — 截圖、動畫或圖示說明功能運作。
  6. 功能 2 介紹 — 第二個主要功能的名稱與一行優勢。
  7. 功能 2 視覺 — 第二個功能的支援視覺。
  8. 功能 3 介紹 — 第三個主要功能的名稱與一行優勢。
  9. 功能 3 視覺 — 第三個功能的支援視覺。
  10. 整合/生態系 — 合作夥伴標誌、整合或平台涵蓋範圍 (若頁面上有)。
  11. 社會證明 — 指標 — 客戶數量、使用統計或效能數字。
  12. 社會證明 — 標誌/推薦 — 信賴品牌的標誌或推薦引述。
  13. 定價或差異化 — 快速提及定價優勢或關鍵差異化 (若有)。
  14. CTA 文字 — 主要號召性用語,以大膽動畫文字呈現。
  15. 配合網址和標誌的 CTA — CTA 加上頁面網址和產品標誌。乾淨淡出。

針對產品/功能頁面 (~8–10 場景):

  1. 鉤子 — 功能名稱 + 一行優勢,大膽動畫文字。
  2. 問題 — 此功能解決的痛點。
  3. 運作方式 — 步驟 1 — 工作流程的第一步,搭配 UI 截圖或圖表。
  4. 運作方式 — 步驟 2 — 第二步,繼續視覺導覽。
  5. 運作方式 — 步驟 3 — 第三步,展示流程運作。
  6. 結果 — 使用者達成的成果。以前/後對比或最終狀態視覺呈現結果。
  7. 關鍵差異化 — 此功能相比替代方案的獨特之處 (速度、準確性、易用性)。
  8. 社會證明 — 與此功能相關的推薦、指標或案例研究。
  9. CTA 文字 — "試用 [功能名稱]" 或頁面的特定號召性用語。
  10. 配合網址和標誌的 CTA — CTA 加上頁面網址和產品標誌。乾淨淡出。

第四階段 — 產生 Ozor 提示

## Ozor 影片提示

**來源:** [頁面網址或標題]
**影片類型:** [產品發布 / 品牌概述 / 功能解說]
**格式:** [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 — ["來自頁面的確切 CTA" 與網址 "[頁面網址]". [產品] 標誌。乾淨淡出。]

風格: [從頁面推斷 — 簡約/大膽/趣味/企業]。背景: [根據頁面設計為深色/淺色]。主要顏色: [從頁面提取,例如 "#3B82F6"]。字體: [根據頁面為乾淨/現代/襯線]。
語氣: [根據頁面文案推斷 — 自信/友善/技術/活力]。
受眾: [根據頁面訊息推斷]。

---

### 備註

- 在執行此提示前,先上傳登陸頁面的產品截圖
- [提取的品牌色彩: #XXXXXX — 在品牌套件中提及]
- [次要影片選項:"想要 15 秒的直向版本用於 Instagram Reels 嗎?"]
- [任何來自頁面但被降權處理的內容]

改編規則

若頁面文字較多 (長篇登陸頁面):

  • 僅提取標題和關鍵主張
  • 忽略詳細段落 — 影片必須簡潔有力
  • 無論頁面長度,場景上限為 10–12 個
  • 若頁面涵蓋多個不同主題,建議製作系列影片

若頁面內容極簡 (稀疏的新創登陸頁面):

  • 直接使用有限的文案 — 不要填充內容
  • 保持影片簡短 (15–30 秒)
  • 專注於鉤子與 CTA
  • 建議使用者為更長版本提供更多背景

若頁面具有強烈的社會證明:

  • 用一個完整場景呈現
  • 使用客戶標誌進行滾動動畫
  • 以計數動畫顯示指標
  • 引用附署名的推薦

若頁面是 SaaS 產品:

  • 在至少一個場景中展示產品 UI
  • 具體描述儀表板/介面動畫
  • 若相關則包含定價方案提及
  • 專注於主要使用案例,而非所有功能

若頁面是電商產品:

  • 以產品視覺開場
  • 若價格是賣點則包含價格點
  • 顯示社會證明 (評論、評分)
  • CTA 應為 "立即購買" 或 "今日訂購"

品牌提取指南

分析頁面時,提取品牌元素:

  • 顏色: 查看按鈕、標題、強調色。主要 CTA 按鈕顏色通常是品牌的主要顏色。
  • 語氣: 閱讀文案風格。簡短有力的句子 = 活力/自信。詳細說明 = 專業/技術。隨性語言 = 友善/溫暖。
  • 視覺風格: 深色背景 = 現代/高級。白色背景 = 乾淨/簡約。色彩豐富 = 趣味/創意。
  • 字體感覺: 大膽粗體標題 = 自信。纖細優雅的字體 = 高級。圓潤友善的字體 = 親和。

在提示的風格部分包含這些觀察,讓 Ozor 符合品牌的外觀與感覺。

品質檢查清單

在呈現最終提示之前,請確認:

  • 英雄標題已用作影片鉤子 (場景 1)
  • 價值主張已準確呈現
  • 若頁面有社會證明則已包含
  • CTA 與頁面實際的號召性用語一致
  • 已指定品牌顏色與風格
  • 影片講述連貫的故事 (不僅是頁面區塊列表)
  • 螢幕文字簡短且易於掃讀
  • 產品網址已包含在 CTA 場景中

規則

  1. 頁面的英雄標題始終是影片鉤子。 除非確實不清楚,否則不要改寫。
  2. 提取,而非發明。 每項主張、指標和優勢必須來自頁面。對任何不清楚的內容使用 [VERIFY: ...]。
  3. 符合品牌的視覺調性。 趣味品牌獲得活力影片。企業品牌獲得精緻影片。
  4. 始終在 CTA 場景中包含網址。 整個重點是將流量導回頁面。
  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

相關技能