汎用音声・動画・メディア⭐ リポ 6品質スコア 78/100

seedance

Fal AIを経由してByteDanceのSeedance 2.0を使用し、シネマティックなモーショングラフィックス動画を生成できます。画像から動画、リファレンスから動画、テキストから動画、リキッドガラスプロンプト、App Storeスクリーンショットのスクレイピング、スクリーンショットから完成したプロモクリップまでの全パイプラインに対応しています。seedance、cdance、モーショングラフィックス、リキッドガラス、アプリプロモ、ビデオプロモなどのキーワードで起動します。

description の原文を見る

Generate cinematic motion graphics videos using ByteDance Seedance 2.0 via Fal AI. Covers image-to-video, reference-to-video, text-to-video, liquid glass prompting, App Store screenshot scraping, and the full pipeline from screenshot to finished promo clip. Triggers on seedance, cdance, motion graphics, liquid glass, app promo, video promo.

SKILL.md 本文

Seedance — Seedance 2.0 モーショングラフィックススキル

ByteDance の Seedance 2.0 モデルを Fal AI 経由で使用し、シネマティックなモーショングラフィックスビデオを生成します。アプリスクリーンショットから、Claude Code で操作できるグロッシーなリキッドグラスプロモビデオに変換します。

このスキルの機能

画像からビデオへの生成 — 単一の画像からアニメーションを作成（オプションの終了フレーム制御付き）
リファレンスからビデオへの生成 — 複数のアプリスクリーンショットからモーショングラフィックスを作成
テキストからビデオへの生成 — プロンプトのみからモーショングラフィックスを作成
App Store スクリーンショットの自動スクレイピング（iOS アプリ向け）
リファレンス画像をアップロードして公開 URLを取得
Apple キーノート品質の出力を生成する実証済みのリキッドグラスプロンプティングパターンを適用

セットアップ

1. Fal AI API キーを取得

fal.ai にサインアップして、ダッシュボードから API キーを作成します。

2. キーを保存

.env ファイルに追加します：

FAL_KEY=your-fal-ai-key-here

3. ファイルアップロード（含まれています）

Seedance はリファレンス画像に対して公開アクセス可能な URLが必要です。Fal AI には独自の CDN アップロード機能が含まれており、追加のアカウントやキーは不要です。FAL_KEY が生成とファイルアップロードの両方を処理します。

ギャラリー、スタイルパネル、マルチモデルサポート（Kling、Veo、GPT Image、Nano Banana）を備えた完全な Generations タブが必要ですか？ robonuggets.com の Rubric ダッシュボードをご確認ください。

エンドポイント

Seedance 2.0 は Fal AI 上に 5 つのエンドポイントを持っています。デフォルトは Pro を使用 — 約 25% 高いだけで、品質が明らかに向上します。

タイプ	ティア	エンドポイント	$/秒（720p）
画像からビデオ	Pro	`fal.run/bytedance/seedance-2.0/image-to-video`	$0.30
リファレンスからビデオ	Pro（デフォルト）	`fal.run/bytedance/seedance-2.0/reference-to-video`	$0.30
リファレンスからビデオ	Fast（テスト用）	`fal.run/bytedance/seedance-2.0/fast/reference-to-video`	$0.24
テキストからビデオ	Pro（デフォルト）	`fal.run/bytedance/seedance-2.0/text-to-video`	$0.30
テキストからビデオ	Fast（テスト用）	`fal.run/bytedance/seedance-2.0/fast/text-to-video`	$0.24

どれを使うべきか

画像からビデオ — 単一の画像があり、モーションでアニメーション化したい場合。開始フレームと終了フレーム制御をサポートしており、正確なトランジションが可能です。最適用途：ヒーロー画像のアニメーション、2 つの状態間の A→B トランジション、リップシンクアニメーション。
リファレンスからビデオ — 複数のスクリーンショット、ロゴ、またはビジュアルアセットをモーショングラフィックスに融合させたい場合。これがプロモビデオのプライマリーモードです。
テキストからビデオ — ビジュアルリファレンスが利用できない場合（GitHub リポジトリ、ドキュメントページ、抽象的な概念など）。プロンプト駆動。

パラメータ

パラメータ	必須	オプション	デフォルト
`prompt`	はい	文字列	—
`image_urls`	いいえ	公開 URL の配列、最大 9 個	—
`video_urls`	いいえ	公開 URL の配列、最大 3 個	—
`audio_urls`	いいえ	公開 URL の配列、最大 3 個	—
`resolution`	いいえ	`"480p"`、`"720p"`	`"720p"`
`duration`	いいえ	`"auto"`、`"4"` – `"15"`	`"auto"`
`aspect_ratio`	いいえ	`"auto"`、`"21:9"`、`"16:9"`、`"4:3"`、`"1:1"`、`"3:4"`、`"9:16"`	`"auto"`
`generate_audio`	いいえ	ブール値	`true`
`seed`	いいえ	整数	ランダム

すべてのモダリティ全体でのファイル合計は 12 を超えてはいけません
プロンプト内のリファレンス画像：@Image1、@Image2、...@Image9
リファレンスビデオ：@Video1、@Video2、@Video3
リファレンスオーディオ：@Audio1、@Audio2、@Audio3
最大解像度は 720p — 1080p オプションはありません

コスト参考表（Pro、720p）

期間	コスト
4 秒	$1.21
5 秒	$1.51
8 秒	$2.42
10 秒	$3.03
12 秒	$3.63
15 秒	$4.54

Fast ティアは約 20% 安くなります。Pro にコミットする前に、クイックテストに使用してください。

スイートスポット（テスト済み）

これらは広範なテストから実証されたレシオです：

リファレンス	期間	ユースケース	コスト（Pro 720p）
1 リファレンス	4 秒	クイックテスト、単一スクリーンショット	$1.21
3 リファレンス	4–6 秒	高速プロモテスト	$1.21–$1.81
5 リファレンス	10 秒	本番プロモ（最良の結果）	$3.03
3 リファレンス	4 秒 480p	最も安いテスト	約 $0.81

黄金律：ビデオの 2 秒ごとに 1 つのリファレンス画像。

リファレンスが少ない = モデルが各リファレンスにより集中
リファレンスが多い（6-7 個以上）= モデルの融合が緩くなり、鮮明度が低下
常にプロンプトで各画像の役割を説明してください

プロンプティングガイド

ルール 1：ロゴリファレンス優先（重要）

プロンプトテキスト内でロゴやブランド要素を説明しないでください。 Seedance はテキストレンダリングを損なわします — 間違った形状、間違った色、幻覚詳細。

ANY プロンプトを書く前に：

アプリ/ブランドロゴ画像を要求するか見つける
ローカルに保存
公開 URL を取得するためアップロード
@Image リファレンスの 1 つとして渡す

ロゴがない場合：停止して聞いてください。 ロゴなしで進まないでください。

推奨アプローチ： ビデオ内のテキスト/ロゴなしでモーショングラフィックスを生成してから、ポストプロダクション（Premiere、After Effects など）でロゴをオーバーレイします。これにより最もクリーンな結果が得られます。

ルール 2：リキッドグラスプロンプトテンプレート

これは Apple キーノート品質のモーショングラフィックスを生成する実証済みのプロンプト構造です：

Design a motion-graphics style ad using glossy liquid glass design
language. Pure black background. @Image1 is [describe what it shows].
@Image2 is [describe]. @Image3 is [describe]. The [element] from
Image 1 becomes translucent glass [describe transformation].
[Element] from Image 2 [describe]. [Continue for each image].
Multiple camera angles: close-up on glass reflections, pull back
to reveal the full scene. No text, no logos, no words. Style: liquid
glass morphism, Apple Vision Pro aesthetic, premium 3D depth,
self-luminous forms on absolute black, [accent color] accent lighting.

重要なルール：

各 @Image を番号とコンテンツで説明
各要素がガラスにどのように変換されるかを説明
ブランドのアクセントカラーを含むスタイル行で終了
"Multiple camera angles" でダイナミック性を保つ
"No text, no logos, no words" でテキストの歪みを防止
約 200 語以下に保つ — モデルは長いプロンプトを無視します

ルール 3：デバイスフレーミング

製品ショットについては、プロンプトでデバイスを指定します：

フローティングデスクトップスクリーン（最良の結果）：

Show the desktop screens floating in 3D space on a pure black
background, tilted at slight angles like a MacBook product shot.
The UI elements on screen become translucent glass with reflections
and refractions.

iPad：

An iPad Pro floating in empty black space, tilted at a cinematic
angle like an Apple product shot. The iPad has visible black bezels
and a physical frame — only the screen content has the glass effect.

MacBook：

A MacBook Pro floating in empty black space, open at a cinematic
angle. The MacBook screen displays the dashboard. Light catches
the aluminium edges.

黒い空中に浮く は、デバイスを環境（オフィス、デスク）に配置するよりも良い結果を生み出します。純粋な黒を保ちます。

ルール 4：オーディオ

generate_audio: true は環境音と音楽を追加
抽象的なビジュアルでコンテンツポリシー違反をトリガーする可能性あり — 失敗した場合は generate_audio: false で再試行
オーディオのコストは有効にしても無効にしても同じ
機能する場合、生成されたオーディオは実際の本番価値を追加します

ルール 5：ネガティブガイダンス

一般的な問題を防ぐための制約を追加：

"No text, no logos, no words" — テキストの歪みを防止
"No cuts" — 1 つの継続的なショットを保つ
"No camera shake" — 安定性を保つ
"Pure visual motion only" — テキストなしを強化

フルパイプライン

ステップ 1：スクリーンショットを取得

オプション A — ウェブサイトをスクリーンショット：

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(headless=True)
    page = browser.new_page(viewport={"width": 1920, "height": 1080})
    page.goto("https://example.com", wait_until="networkidle", timeout=30000)
    page.wait_for_timeout(2000)
    page.screenshot(path="screenshot.png")
    browser.close()

オプション B — App Store スクリーンショットをスクレイピング：

import json, urllib.request

# Step 1: Find the app ID
search_url = "https://itunes.apple.com/search?term=APP_NAME&entity=software&limit=3"
data = json.loads(urllib.request.urlopen(search_url).read())
app_url = data["results"][0]["trackViewUrl"]

# Step 2: Scrape screenshot URLs from the page using Playwright
# Look for <source> elements with srcset containing "mzstatic.com"
# The URLs use format like /460x996bb.webp — swap to /1290x2796bb.jpg for full res

オプション C — 手動スクリーンショット — 自分で撮影してローカルに保存。

ステップ 2：公開 URL にアップロード

Seedance はリファレンス画像に対して公開アクセス可能な URL が必要です。Fal AI の組み込み CDN アップロード（デフォルト）を使用 — 追加アカウント不要。

Fal AI CDN（デフォルト — 既存の FAL_KEY を使用）：

# Step 1: Initiate upload
INIT=$(curl -s -X POST "https://rest.alpha.fal.ai/storage/upload/initiate" \
  -H "Authorization: Key $FAL_KEY" \
  -H "Content-Type: application/json" \
  -d '{"file_name":"my-screenshot.png","content_type":"image/png"}')

# Extract URLs from response
FILE_URL=$(echo "$INIT" | python -c "import sys,json; print(json.load(sys.stdin)['file_url'])")
UPLOAD_URL=$(echo "$INIT" | python -c "import sys,json; print(json.load(sys.stdin)['upload_url'])")

# Step 2: Upload the file
curl -s -X PUT "$UPLOAD_URL" \
  -H "Content-Type: image/png" \
  --data-binary @/path/to/screenshot.png

Seedance API 呼び出しで FILE_URL を公開 URL として使用します。v3b.fal.media でホストされており、長期キャッシング付き。Fal AI アカウントに含まれ — 追加コストなし。

代替：Kie AI（キーがある場合）：

curl -s -X POST "https://kieai.redpandaai.co/api/file-stream-upload" \
  -H "Authorization: Bearer $KIE_API_KEY" \
  -F "file=@/path/to/screenshot.png" \
  -F "uploadPath=generations" \
  -F "fileName=my-screenshot.png"

downloadUrl を返します。ファイルは 3 日後に期限切れ。

代替：Litterbox（アカウント不要）：

curl -s -F "reqtype=fileupload" -F "time=1h" \
  -F "fileToUpload=@/path/to/screenshot.png" \
  https://litterbox.catbox.moe/resources/internals/api.php

直接 URL を返します。1 時間後に期限切れ。

ステップ 3：ビデオを生成

常に temp JSON ファイルを使用 してシェルエスケープの問題を回避：

cat > /tmp/seedance_body.json << 'ENDJSON'
{
  "prompt": "Design a motion-graphics style ad using glossy liquid glass design language. Pure black background. @Image1 is [describe]. @Image2 is [describe]. @Image3 is [describe]. The elements become translucent glass with reflections and refractions. Multiple camera angles. No text, no logos, no words. Style: liquid glass morphism, Apple Vision Pro aesthetic, premium 3D depth, self-luminous forms on absolute black.",
  "image_urls": [
    "https://your-upload-url/screenshot1.png",
    "https://your-upload-url/screenshot2.png",
    "https://your-upload-url/screenshot3.png"
  ],
  "resolution": "720p",
  "duration": "4",
  "aspect_ratio": "16:9",
  "generate_audio": false
}
ENDJSON

curl -s -X POST "https://fal.run/bytedance/seedance-2.0/reference-to-video" \
  -H "Authorization: Key $FAL_KEY" \
  -H "Content-Type: application/json" \
  -d @/tmp/seedance_body.json

ステップ 4：結果をダウンロード

レスポンスにはビデオ URL が含まれます：

{
  "video": { "url": "https://v3b.fal.media/files/.../video.mp4" },
  "seed": 42
}

すぐにダウンロード — URL は期限切れする可能性があります。

curl -sL -o "output_video.mp4" "THE_VIDEO_URL"

ステップ 5：ポストプロダクション（推奨）

ビデオエディタでロゴとテキストをオーバーレイします。モーショングラフィックスはビジュアルベース — ブランディングはポストで上に追加。

テキストからビデオ（リファレンスなし）

スクリーンショットがないアプリ/プロジェクト（GitHub リポジトリ、ドキュメントページ、抽象的な概念）の場合は、タイムスタンプアプローチでテキストからビデオを使用：

Ultra-sleek motion design sequence. Pure black background throughout.
Glossy liquid glass design language.

0-1s [FORM]: A translucent glass [object] materializes at center,
light refracting through it.

1-2s [CONNECT]: Glass connections form between elements, each a thin
glass tube filling with luminous light.

2-3s [REVEAL]: The structure rotates revealing depth and glass
reflections.

3-4s [GLOW]: A pulse of warm light passes through the entire glass
structure.

Style: liquid glass morphism, premium 3D depth, self-luminous forms
on absolute black.

エンドポイント： https://fal.run/bytedance/seedance-2.0/text-to-video（Pro）

image_urls、video_urls、audio_urls を除き、同じパラメータ。

画像からビデオ（単一画像アニメーション）

単一の静止画像をシネマティックビデオにアニメーション化します。複数の画像をモーショングラフィックスに融合させるリファレンスからビデオとは異なり、画像からビデオは1 つの画像を取り、プロンプトで説明されたモーションでそれに命を吹き込みます。

エンドポイント： https://fal.run/bytedance/seedance-2.0/image-to-video

パラメータ

パラメータ	必須	オプション	デフォルト
`prompt`	はい	文字列 — 望ましいモーション/アクションを説明	—
`image_url`	はい	単一公開 URL（JPEG、PNG、WebP、最大 30MB）	—
`end_image_url`	いいえ	最後のフレームの公開 URL（A→B トランジションを有効化）	—
`resolution`	いいえ	`"480p"`、`"720p"`	`"720p"`
`duration`	いいえ	`"auto"`、`"4"` – `"15"`	`"auto"`
`aspect_ratio`	いいえ	`"auto"`、`"21:9"`、`"16:9"`、`"4:3"`、`"1:1"`、`"3:4"`、`"9:16"`	`"auto"`
`generate_audio`	いいえ	ブール値 — SFX、環境音、リップシンクを含む	`true`
`seed`	いいえ	整数	ランダム

リファレンスからビデオとの主な違い

単一の image_url（文字列）vs image_urls（配列）
end_image_url — 制御されたトランジション用のオプション終了フレーム（リファレンスからビデオはこれを持たない）
リップシンクサポート — オーディオ生成には、顔が存在する場合、リップシンク音声が含まれる
@Image1/@Image2 記法なし — 開始フレームとして 1 つの画像のみ

画像からビデオ vs リファレンスからビデオを使うべきとき

シナリオ	使用
単一のスクリーンショット/写真をアニメーション化	画像からビデオ
2 つの状態間のトランジション（ビフォー/アフター、ライト/ダークモード）	画像からビデオ（`end_image_url`付き）
キャラクターまたはアバターをリップシンク	画像からビデオ
3-5 個のスクリーンショットをプロモリールに融合	リファレンスからビデオ
複数の UI ビューからガラスモーフィズムモーショングラフィックス	リファレンスからビデオ

使用例

cat > /tmp/seedance_i2v.json << 'ENDJSON'
{
  "prompt": "The dashboard interface comes alive — UI elements gently float and shift, glass reflections ripple across panels, accent lighting pulses through the layout. Smooth cinematic camera drift. No text, no logos.",
  "image_url": "https://your-upload-url/screenshot.png",
  "resolution": "720p",
  "duration": "4",
  "aspect_ratio": "16:9",
  "generate_audio": false
}
ENDJSON

curl -s -X POST "https://fal.run/bytedance/seedance-2.0/image-to-video" \
  -H "Authorization: Key $FAL_KEY" \
  -H "Content-Type: application/json" \
  -d @/tmp/seedance_i2v.json

開始フレーム + 終了フレーム例（A→B トランジション）

1 つの状態から別の状態にアニメーション化 — 例：ライトモードからダークモード、空のダッシュボードから入力済みダッシュボード：

cat > /tmp/seedance_i2v_transition.json << 'ENDJSON'
{
  "prompt": "The interface smoothly transitions — colors shift, panels rearrange, elements morph fluidly from the starting layout to the final layout. Cinematic, smooth, continuous motion.",
  "image_url": "https://your-upload-url/state_before.png",
  "end_image_url": "https://your-upload-url/state_after.png",
  "resolution": "720p",
  "duration": "6",
  "aspect_ratio": "16:9",
  "generate_audio": false
}
ENDJSON

curl -s -X POST "https://fal.run/bytedance/seedance-2.0/image-to-video" \
  -H "Authorization: Key $FAL_KEY" \
  -H "Content-Type: application/json" \
  -d @/tmp/seedance_i2v_transition.json

画像からビデオのプロンプティングヒント

モーションを説明 — モデルは既に画像を見ています。何が移動するか、どのように、どこに焦点を当てます。
「Cinematic camera drift」 は製品ショットで微妙です
「Elements gently float and shift」 UI アニメーション用
リップシンク：プロンプトで音声/感情を説明、generate_audio: true を有効化
同じネガティブガイダンス適用："No text, no logos, no words" テキストの歪みを防止
end_image_url 機能はビフォー/アフター公開、モードスイッチ、またはワークフロー進行を示すのに強力

プロンプトパターンライブラリ

フローティングデスクトップスクリーン（SaaS/アプリに最適）

Design a motion-graphics style ad based on these images, using
multiple camera angles — close-ups that highlight the glass
reflections, various tap and click interaction animations, and a
focus on this glossy glass UI design language. @Image1 is [describe].
@Image2 is [describe]. @Image3 is [describe]. Show the desktop
screens floating in 3D space on a pure black background, tilted at
slight angles like a MacBook product shot. The UI elements on screen
become translucent glass with reflections and refractions. No text,
no logos, no words. Style: liquid glass morphism, Apple product ad,
premium desktop app showcase, self-luminous forms on absolute black,
[color] accent lighting.

ガラス UI 広告（LEPADPHONE スタイルに基づく）

Design a motion-graphics style ad based on this image, using multiple
camera angles — close-ups that highlight the glass reflections,
various tap/click interaction animations, and a focus on this glossy
"glass UI" design language. @Image1 is [describe the app/interface].
The interface elements become translucent glass panels with
refractions. No text, no logos. Style: liquid glass morphism, premium
depth, self-luminous forms on absolute black.

フローティングデスクトップスクリーン — Rubric（テスト済み）

Rubric ダッシュボードプロモに使用。3 refs（Flows + Skill Tree + Agent Icons）、Pro 720p 4 秒、オーディオ ON。

Design a motion-graphics style ad based on these images, using
multiple camera angles — close-ups that highlight the glass
reflections, various tap and click interaction animations, and a
focus on this glossy glass UI design language. @Image1 is a desktop
application dashboard showing agent workflow connections on a
hexagonal grid. @Image2 is a desktop application showing a network
graph visualization with connected nodes. @Image3 is a desktop
application showing a grid of colorful pixel art icons. Show the
desktop screens floating in 3D space on a pure black background,
tilted at slight angles like a MacBook product shot. The UI elements
on screen become translucent glass with reflections and refractions.
No text, no logos, no words. Style: liquid glass morphism, Apple
product ad, premium desktop app showcase, self-luminous forms on
absolute black, orange accent lighting.

iPad プロダクトリビール — Rubric（テスト済み）

実デバイスとガラススクリーンコンテンツ。2 refs（hero + Flows）、Pro 720p 4 秒、オーディオ ON。重要な詳細：iPad フレームを固体に保つ、スクリーンのみがガラス効果を持つように「real solid device」を明示的に呼び出し。

Design a motion-graphics style ad using glossy liquid glass design
language. Pure black background, nothing else. A realistic iPad Pro
with visible black bezels and physical frame floating

ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ

詳細情報

作者: gabrielmoreira
リポジトリ: gabrielmoreira/agent-skills-mirror
ライセンス: MIT
最終更新: 2026/5/12

GitHubで原本を見る →フィードバックを送る

Source: https://github.com/gabrielmoreira/agent-skills-mirror / ライセンス: MIT