本文へ移動
cccskills
無料GitHub で公開

ozor-landing-page-to-video

Convert any landing page or website into an Ozor.ai video prompt. Use this skill whenever the user provides a URL, landing page content, or website copy and wants to turn it into a video. Trigger on phrases like 'make a video from my website', 'video from this landing page', 'turn my homepage into a video', 'video from this URL', 'product page to video', 'website to video', 'marketing video from my site', 'convert this page to video', or any request to transform web content into video format using Ozor.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md12.0 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Ozor Landing Page-to-Video Converter

Transform any landing page, website, or URL into a structured, ready-to-paste Ozor.ai video prompt. This skill extracts the messaging, value props, and brand identity from web content and produces a video prompt that captures the page's essence in motion.

Supported Input Types

  • URLs — any publicly accessible web page
  • Landing page copy — pasted text from a marketing page
  • Homepage content — full homepage text and structure
  • Product pages — feature-focused pages
  • Pricing pages — plan comparison content
  • About pages — company story and mission
  • App store listings — iOS/Android app descriptions

Workflow

Phase 1 — Analyze the Page

Read or fetch the page content and extract:

  1. Page type — what kind of page is this?

    • Hero-driven landing page (single product/feature focus)
    • Multi-section homepage (full product overview)
    • Product/feature page (deep dive on one capability)
    • Pricing page (plan comparison)
    • About/company page (story and mission)
  2. Core message — the headline or hero text. This becomes the video hook.

  3. Value propositions — extract the 3–5 key benefits or selling points. These become the middle scenes.

  4. Social proof — look for:

    • Customer logos or counts ("Trusted by 10,000+ teams")
    • Testimonials or quotes
    • Metrics ("99.9% uptime", "2x faster")
    • Awards, press mentions, certifications
  5. CTA — what does the page want visitors to do? ("Start free trial", "Book a demo", "Download now")

  6. Brand signals — extract from the page:

    • Product/company name
    • Primary colors (from CSS, buttons, or visual inspection)
    • Tone of voice (professional, playful, technical, warm)
    • Logo presence
  7. Visual assets — note any product screenshots, illustrations, or imagery that could be referenced.

Phase 2 — Choose the Video Format

Based on the page type and likely distribution channel:

Page TypePrimary VideoSecondary Video
Landing page30–45s product launch, 8–12 scenes (16:9)15s social teaser, 5 scenes (9:16)
Homepage45–60s brand overview, 12–15 scenes (16:9)30s product highlight, 8–10 scenes (9:16)
Product page30–45s feature explainer, 8–12 scenes (16:9)15s feature teaser, 5 scenes (9:16)
Pricing page30s plan comparison, 8–10 scenes (16:9)—
About page45–60s brand story, 12–15 scenes (16:9)—
App listing15–30s app preview, 5–10 scenes (9:16)30s full demo, 8–10 scenes (16:9)

Always produce the primary video. Mention the secondary as an option.

Phase 3 — Structure the Video

Map page sections to video scenes:

For hero-driven landing pages (most common, ~10–12 scenes):

  1. Hook — the hero headline, animated boldly. This is the page's main claim.
  2. Problem statement — if the page states a pain point, show it. If not, imply it from the solution.
  3. Problem elaboration — expand on the frustration or cost of the status quo. Use a stat or relatable scenario from the page.
  4. Solution intro — introduce the product by name with a one-line description. Transition from the problem.
  5. Solution detail — the product in action. Use the page's primary screenshot or describe the UI in motion.
  6. Benefit 1 — first key value prop, shown as bold text with a supporting visual or icon animation.
  7. Benefit 2 — second key value prop, same treatment.
  8. Benefit 3 — third key value prop, same treatment.
  9. Social proof — metrics — customer count, usage stats, or performance numbers with counter animations.
  10. Social proof — logos/testimonials — trusted-by logos scrolling, or a short testimonial quote with attribution.
  11. CTA text — the page's call to action displayed as bold animated text.
  12. CTA with URL and logo — "[Exact CTA]" with the page URL and product logo. Clean fade-out.

For multi-section homepages (~12–15 scenes):

  1. Hook — hero headline, animated boldly on a branded background.
  2. Subheadline — hero subtext or one-sentence product description with visual.
  3. Product overview — high-level what-it-does scene with a screenshot or product visual.
  4. Feature 1 intro — name and one-line benefit of the first key feature.
  5. Feature 1 visual — screenshot, animation, or icon illustrating the feature in action.
  6. Feature 2 intro — name and one-line benefit of the second key feature.
  7. Feature 2 visual — supporting visual for the second feature.
  8. Feature 3 intro — name and one-line benefit of the third key feature.
  9. Feature 3 visual — supporting visual for the third feature.
  10. Integration / ecosystem — partner logos, integrations, or platform reach (if on the page).
  11. Social proof — metrics — customer count, usage stats, or performance numbers.
  12. Social proof — logos/testimonials — trusted-by logos or a testimonial quote.
  13. Pricing or differentiator — a quick mention of pricing advantage or key differentiator (if present).
  14. CTA text — primary call to action as bold animated text.
  15. CTA with URL and logo — CTA with page URL and product logo. Clean fade-out.

For product/feature pages (~8–10 scenes):

  1. Hook — feature name + one-line benefit, bold animated text.
  2. Problem — the pain point this feature solves.
  3. How It Works — Step 1 — first step of the workflow, with a UI screenshot or diagram.
  4. How It Works — Step 2 — second step, continuing the visual walkthrough.
  5. How It Works — Step 3 — third step, showing the flow in action.
  6. Result — what the user achieves. Show the outcome with a before/after or final-state visual.
  7. Key differentiator — what makes this feature unique vs. alternatives (speed, accuracy, ease).
  8. Social proof — a relevant testimonial, metric, or case study tied to this feature.
  9. CTA text — "Try [feature name]" or the page's specific call to action.
  10. CTA with URL and logo — CTA with page URL and product logo. Clean fade-out.

Phase 4 — Generate the Ozor Prompt

## Ozor Video Prompt

**Source:** [Page URL or title]
**Video type:** [Product launch / Brand overview / Feature explainer]
**Format:** [16:9 landscape / 9:16 portrait]
**Estimated duration:** [X seconds]
**Target audience:** [derived from page content]

---

### Prompt (copy and paste into Ozor)

Create a [duration] [video type] video for [Product Name], [one-line description from page].

[N] scenes:

(1) Hook — [Hero headline from the page, displayed as bold animated text on a [dark/light] background. Style matches the page's visual tone.]

(2) Problem statement — [Pain point or frustration the target audience faces, derived from page copy. Visual: text animation or relatable icon.]

(3) Problem elaboration — [Expand on the cost or consequence of the status quo. Use a stat or scenario from the page.]

(4) Solution intro — [Product name + one-line description. Transition from problem to solution. Visual: product logo reveal or name animation.]

(5) Solution detail — [The product in action. Describe the UI, dashboard, or key interaction. Visual: screenshot or screen recording style animation.]

(6) Benefit 1 — [First value prop from the page, as bold text with supporting icon or visual.]

(7) Benefit 2 — [Second value prop, same treatment.]

(8) Benefit 3 — [Third value prop, same treatment.]

(9) Social proof — metrics — [Customer count, usage stats, or performance numbers with counter animation.]

(10) Social proof — logos/testimonials — [Trusted-by logos scrolling, or testimonial quote with attribution.]

(11) CTA text — ["Exact CTA from page" displayed as bold animated text. Build urgency or excitement.]

(12) CTA with URL and logo — ["Exact CTA from page" with URL "[page URL]". [Product] logo. Clean fade-out.]

Style: [derived from page — minimal/bold/playful/corporate]. Background: [dark/light based on page design]. Primary color: [extracted from page, e.g., "#3B82F6"]. Typography: [clean/modern/serif based on page].
Tone: [derived from page copy — confident/friendly/technical/energetic].
Audience: [derived from page messaging].

---

### Notes

- Upload a product screenshot from the landing page before running this prompt
- [Brand color extracted: #XXXXXX — mention in Brand Kit]
- [Secondary video option: "Want a 15-second vertical version for Instagram Reels?"]
- [Any content from the page that was deprioritized]

Adaptation Rules

If the page is text-heavy (long-form landing page):

  • Extract only the headlines and key claims
  • Ignore detailed paragraphs — video must be punchy
  • Cap at 10–12 scenes regardless of page length
  • Suggest a series if the page covers multiple distinct topics

If the page is minimal (sparse startup landing page):

  • Use the limited copy as-is — don't pad
  • Keep the video short (15–30 seconds)
  • Focus on the hook and CTA
  • Suggest the user add more context for a longer version

If the page has strong social proof:

  • Dedicate a full scene to it
  • Use customer logos in a scrolling animation
  • Display metrics with counter animations
  • Quote testimonials with attribution

If the page is a SaaS product:

  • Show the product UI in at least one scene
  • Describe dashboard/interface animations specifically
  • Include pricing tier mention if relevant
  • Focus on the primary use case, not all features

If the page is an e-commerce product:

  • Lead with the product visual
  • Include price point if it's a selling point
  • Show social proof (reviews, ratings)
  • CTA should be "Shop now" or "Order today"

Brand Extraction Guide

When analyzing a page, extract brand elements:

  • Colors: Look at buttons, headers, accents. Primary CTA button color is usually the brand's primary color.
  • Tone: Read the copy style. Short punchy sentences = energetic/confident. Detailed explanations = professional/technical. Casual language = friendly/warm.
  • Visual style: Dark backgrounds = modern/premium. White backgrounds = clean/minimal. Colorful = playful/creative.
  • Typography feel: Large bold headlines = confident. Thin elegant type = premium. Rounded friendly type = approachable.

Include these observations in the prompt's style section so Ozor matches the brand's look and feel.

Quality Checklist

Before presenting the final prompt, verify:

  • The hero headline is used as the video hook (scene 1)
  • Value propositions are accurately represented
  • Social proof is included if the page has it
  • The CTA matches the page's actual call to action
  • Brand colors and style are specified
  • The video tells a coherent story (not just a list of page sections)
  • On-screen text is short and scannable
  • Product URL is included in the CTA scene

Rules

  1. The page's hero headline is always the video hook. Don't rewrite it unless it's genuinely unclear.
  2. Extract, don't invent. Every claim, metric, and benefit must come from the page. Use [VERIFY: ...] for anything unclear.
  3. Match the brand's visual tone. A playful brand gets an energetic video. A corporate brand gets a polished one.
  4. Always include the URL in the CTA scene. The whole point is driving traffic back to the page.
  5. Recommend uploading a product screenshot. Landing pages usually have hero images that should be in Ozor's asset library.
  6. Offer a secondary format. Most landing page videos benefit from both a 16:9 and 9:16 version.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

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 'video from my changelog', 'release notes video', 'make a video from this update', 'announce this release', 'version update video', 'what's new video', 'product update video', 'feature release video', or any request to transform a list of product changes into video format using Ozor.

日本語の概要は準備中です。原文の説明を表示しています。

Mintii-Labs/ozor-skills62026年5月28日 更新

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 'turn this doc into a video', 'make a video from this PDF', 'video from my pitch deck', 'convert this presentation to video', 'video from this blog post', 'video from these release notes', 'create a video from this document', 'turn this into an explainer', or any request to transform written content into video format using Ozor. This skill reads the document, extracts the core message, structures it into scenes, and outputs a complete prompt the user can paste directly into Ozor.ai.

日本語の概要は準備中です。原文の説明を表示しています。

Mintii-Labs/ozor-skills62026年5月28日 更新

Turn a real document (PDF, PPTX, DOCX, Keynote export, slide deck, proposal, whitepaper, report) into a finished AI-generated video using the Ozor MCP. Use this skill whenever the user attaches, uploads, references, or points to a document file and wants a video from it — e.g. 'make a video from this pitch deck', 'turn this PDF into a video', 'video from my proposal.docx', 'generate a video from this PowerPoint', 'create a video from this report', 'this whitepaper → video'. This skill runs the document-to-video pipeline: analyze_document → present the plan to the user → update_plan if needed → generate_from_plan → export_video → wait_for_export → get_embed_code. It always uses the plan-based flow so slide visuals are preserved. Do NOT use this skill for plain-text creative briefs (use ozor-generate) or for URLs/landing pages (use ozor-url-to-video).

日本語の概要は準備中です。原文の説明を表示しています。

Mintii-Labs/ozor-skills62026年5月28日 更新

Generate an AI video end-to-end on Ozor.ai from a short text brief. Use this skill whenever the user wants to actually create a video (not just write a prompt) from a creative description, idea, or short brief — e.g. 'make me a video about X', 'generate a launch video for Y', 'create an explainer for Z', 'render a video', 'produce a 30s ad about ...', 'spin up a quick video for our new feature'. This skill runs the full Ozor MCP pipeline: generate_video → wait_for_job → export_video → wait_for_export → get_embed_code, and returns the shareUrl, editorUrl, downloadUrl, and a ready-to-paste <iframe> embed. Do NOT use this skill when the input is a document/PDF/PPTX/deck/URL — use ozor-document-video or ozor-url-to-video instead.

日本語の概要は準備中です。原文の説明を表示しています。

Mintii-Labs/ozor-skills62026年5月28日 更新

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't turn out well, or wants expert feedback on their prompt before running it. Trigger on phrases like 'improve this prompt', 'optimize my Ozor prompt', 'why did my video look bad', 'fix this prompt', 'make this prompt better', 'review my Ozor prompt', 'the video didn't turn out right', 'prompt feedback', 'better results from Ozor', or any request to refine, debug, or enhance an existing Ozor video prompt.

日本語の概要は準備中です。原文の説明を表示しています。

Mintii-Labs/ozor-skills62026年5月28日 更新

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 'social media videos', 'videos for all platforms', 'Instagram and TikTok video', 'social campaign', 'batch of social videos', 'repurpose this for social', 'video for every platform', 'social clips', 'create Reels and Shorts', 'multi-platform video', or any request involving creating short-form video content for multiple social media platforms using Ozor.

日本語の概要は準備中です。原文の説明を表示しています。

Mintii-Labs/ozor-skills62026年5月28日 更新

Mintii-Labs のスキルをすべて見る

このスキルの問題を報告する