seedance-auto-generate

Playwright による Seedance 2.0 の自動生成

このスキルは、Playwright によるブラウザー自動化を使用して、Higgsfield Seedance 2.0 での動画作成フロー全体を自動化します。画像をアップロードし、プロンプトを入力して、Generate をクリックします。すべてハンズフリーで行えます。

ソース: github.com/beshuaxian/higgsfield-seedance2-jineng

---

利用可能なサブスキル（プロンプト生成ツール）

この自動生成スキルは自動化エンジンです。動画に最適なプロンプトを作成するには、この自動化を実行する前に、まず一致するスタイルのサブスキルを呼び出してください。各サブスキルは、動画スタイルに特化したプロンプトエンジニアとして Claude を機能させ、スクロールを止める強力な2秒のフックを含む、詳細で貼り付け可能な長いプロンプトを生成します。

サブスキルの使い方

1. 以下の表から、動画のスタイルに合ったサブスキルを選びます
2. /01-cinematic、/07-ecommerce-ad、/15-real-estate などで呼び出します
3. サブスキルが、タイムライン、カメラ、照明、サウンド、2秒のフックを盛り込んだ本番品質の Seedance 2.0 プロンプト（15～25行）を生成します
4. 次に /seedance-auto-generate を呼び出して、プロンプトと画像を Higgsfield に自動送信します

クリエイティブスタイル

スラッシュコマンド	スキル名	使用する場面
/01-cinematic	映画的映像	映画品質 — ドラマチックな照明、カメラワーク、被写界深度、アナモルフィック、ノワール、壮大な演出
/02-3d-cgi	3D CGI	3D レンダリング — Pixar、Unreal Engine、フォトリアル、アイソメトリック、レイトレーシング、ボリュメトリック
/03-cartoon	カートゥーン＆アニメーション	2D アニメーション — セルシェーディング、手描き、フラットベクター、水彩、ラバーホース、モーショングラフィックス
/04-comic-to-video	コミックから動画へ	コミックのアニメーション化 — マンガのページ、ウェブトゥーン、ストーリーボード、連続アート、グラフィックノベル
/05-fight-scenes	戦闘シーン＆アクション	戦闘 — 武道、剣戟、追跡シーン、スーパーヒーローの戦い、アクションの振り付け
/08-anime-action	アニメ	日本のアニメーション — 少年向け、青年向け、メカ、魔法少女、異世界、アニメのオープニング

商用＆マーケティング

スラッシュコマンド	スキル名	使用する場面
/06-motion-design-ad	モーションデザイン広告	ソフトウェア／SaaS — 製品のローンチ、機能紹介、アプリのプロモーション、技術デモ、UI アニメーション
/07-ecommerce-ad	EC 広告	製品広告 — ファッション、美容、電子機器、食品、Amazon／Shopify／TikTok Shop、開封動画
/09-product-360	製品 360 度紹介	ターンテーブル — マルチアングル紹介、製品のお披露目、ヒーローショット、ビューティーショット、製品の回転
/11-social-hook	ソーシャルフック	バイラルコンテンツ — TikTok、Instagram Reels、YouTube Shorts、スクロールを止めるフック
/12-brand-story	ブランドストーリー	ブランドの物語 — 創業秘話、ミッション動画、企業文化、創業者のストーリー

業界別

スラッシュコマンド	スキル名	使用する場面
/10-music-video	ミュージックビデオ	ビート同期 — パフォーマンス、リリックビデオ、音楽のビジュアライゼーション、コンサート映像、アルバムアート
/13-fashion-lookbook	ファッションルックブック	ファッション — ルックブック、モデルウォーク、コーディネート紹介、ランウェイ動画、ストリートウェア、キャンペーン
/14-food-beverage	フード＆ビバレッジ	食品 — レストランのプロモーション、レシピコンテンツ、フード ASMR、メニュー紹介、食欲をそそる演出
/15-real-estate	不動産	物件 — 住宅ツアー、建築、インテリアデザイン、物件情報、バーチャルツアー、リノベーション

各サブスキルが生成する内容

各サブスキルは以下を提供します：

• 2秒フックのフレームワーク — 注目を集めるオープニングパターンを10～12種類
• タイムラインのセグメント化 — 最大15秒までのビートごとの内訳
• カメラワーク百科事典 — 正確な表現を含む15～20種類以上のテクニック
• ライティングと雰囲気 — ムードやクオリティを伝えるセットアップ
• サウンドデザイン — 環境音、フォーリー、音楽、無音に関するガイダンス
• 素材リファレンスの戦略 — @image1 @video1 @audio1 のベストプラクティス
• プラットフォームの最適化 — TikTok、Instagram、YouTube など
• 5つ以上のサンプルプロンプト — 1つあたり15～25行の、制作に使える品質

各スキルには中国語版もあります：skills/XX-name/zh-CN/SKILL.md

---

Seedance 2.0 の仕様

入力	形式	上限
画像	jpeg, png, webp, bmp, tiff, gif	最大9個、各30MB未満
動画	mp4, mov	最大3個、各50MB未満、合計2～15秒
音声	mp3, wav	最大3個、各15MB未満、合計最大15秒
テキスト	自然言語のプロンプト	—
合計	—	ファイルは最大12個
出力	動画	4～15秒、720p、音声付き

プロンプト内の参照素材：@image1 @video1 @audio1

---

前提条件

• ユーザーは Playwright ブラウザーセッションで higgsfield.ai にログインしている必要があります
• Playwright MCP プラグインが有効になっている必要があります
• 画像ファイルはプロジェクトディレクトリ内からアクセスできる必要があります（必要に応じて Downloads からコピーしてください）

入力要件

ユーザーが用意するもの：

1. 画像ファイル（ディスク上のパス — .png、.jpg、.webp など）
2. 動画の説明またはプロンプト（または、先にサブスキルを実行して生成します）

任意の上書き設定（デフォルト値を表示）：

• 長さ：8s（選択肢：5s、8s、10s）
• 比率：Auto（選択肢：Auto、16:9、9:16、1:1）
• 解像度：720p（選択肢：720p、1080p）

---

自動化の流れ

Playwright MCP ツールを使用して、以下の手順を正確に実行してください。各ツールは初めて使用する前に ToolSearch で読み込んでください。

ステップ 0：画像を準備する

画像がプロジェクトディレクトリの外（例：C:\Users\User\Downloads\）にある場合は、まずプロジェクトのルートにコピーします：

cp "<source_path>" "C:/Users/User/higgz/<filename>"

Playwright のファイルアップロードツールでは、プロジェクトのルート内にあるファイルのみ使用できます。

ステップ 1：Seedance 2.0 の作成ページに移動する

browser_navigate → url: "https://higgsfield.ai/create/video?model=seedance_2_0"

?model=seedance_2_0 クエリパラメーターにより、Seedance 2.0 モデルが自動的に事前選択されます。

ページが読み込まれるまで待ってからスナップショットを取得し、次の内容を確認します：

• ページタイトルに「Create AI Videos」が含まれている
• Model ボタンに「Seedance 2.0」と表示されている

Cookie 同意ダイアログが表示された場合は、「Close」ボタン（x）をクリックして閉じます。

ステップ 2：アップロードダイアログを開く

スナップショットを取得してアップロード領域を探します。「Upload media」や「Image, Video or Audio」のようなテキストが含まれています。アップロード領域の要素をクリックします。

「Uploads」、「Image Generations」、「Video Generations」、「Elements」、「Liked」のタブがあるダイアログが開きます。

ステップ 3：ファイル選択ダイアログを表示する

ダイアログ内で 「Upload media」 ボタンを見つけてクリックします（ダイアログのグリッド内で最初にクリックできる項目です。アップロードアイコンと、「Upload media」のテキスト、その下の「Protected content is not allowed」というテキストが表示されています）。

これによりファイル選択モーダルが表示されます。ツールの結果には [File chooser]: can be handled by browser_file_upload と表示されます。

ステップ 4：画像ファイルをアップロードする

browser_file_upload → paths: ["C:\\Users\\User\\higgz\\<filename>"]

バックスラッシュを二重にした絶対 Windows パスを使用します。ファイルは Playwright の許可されたルート（C:\Users\User\higgz）内にある必要があります。

ステップ 5：アップロード処理が完了するまで待つ

browser_wait_for → time: 5

画像がアップロードされ、アセットグリッドに表示されるまで5秒待ちます。

ステップ 6：アップロードした画像を選択する

ダイアログのスナップショットを取得します。新しくアップロードした画像は、グリッド内で**「Upload media」ボタンの直後にある最初の項目**として表示されます。これは generic [cursor=pointer] 要素です。クリックします。

重要：新しくアップロードした画像は、常にアップロードボタンのすぐ後にある最初のグリッド項目です。ダイアログのグリッド内で、アップロードボタンの直後にある要素を探してください。

ステップ 7：ダイアログを閉じる

browser_press_key → key: "Escape"

ダイアログが閉じます。画像がフォームに読み込まれ、アップロード領域が画像プレビューに置き換わります。

ステップ 8：画像が読み込まれたことを確認する

スナップショットを取得します。以下を確認してください。

• アップロード領域に画像プレビューが表示されている（figure に img "media is loading" などが含まれている）
• プロンプトのテキストボックスが表示されている（ラベルは「Prompt」、プレースホルダーは「Describe your scene in detail」）
• モデルに引き続き「Seedance 2.0」と表示されている

ステップ 9：プロンプトを入力する

プロンプトのテキストボックスをクリックし、プロンプトを入力します。

browser_click → ref: <textbox_ref>, element: "Prompt textbox"
browser_type → ref: <textbox_ref>, text: "<the video prompt>"

プロンプトは、上記の 15 個のサブスキルのいずれかを使って作成してください。ユーザーがスタイルを指定していない場合は、最も適したサブスキルを選び、それを使って先にプロンプトを生成してください。

ステップ 10：設定を調整する（任意）

ユーザーがデフォルト以外の設定を希望する場合：

• Duration：「Duration」ボタンをクリックし、希望するオプションを選択します
• Ratio：「Auto Ratio」ボタンをクリックし、（16:9、9:16、1:1）から選択します
• Resolution：「720p Resolution」ボタンをクリックし、（720p、1080p）から選択します

ステップ 11：生成する

生成前にスクリーンショットを取得し、フォームの最終状態をユーザーに見せます。

「Generate」をクリックする前に、ユーザーに確認を求めてください。クリックするとクレジットが消費されます。

browser_click → ref: <generate_button_ref>, element: "Generate button"

Generate ボタンにはクレジットの消費量（例：「Generate 48 32」）が表示されます。クリックすると、動画が生成キューに入ります。

ステップ 12：生成状況を確認する

Generate をクリックした後：

1. ページがリダイレクトされるか、進行状況インジケーターが表示される場合があります
2. 「History」タブをクリックして生成状況を確認します
3. 動画が完成するまで待ち、定期的に確認します
4. 完成すると、動画が「History」タブに表示されます

---

主要な要素のパターン（スナップショットでの操作用）

ページ上で見つかる一般的な要素のパターンです。セッションごとに参照先は変わるため、操作する前に必ず新しいスナップショットを取得してください。

要素	見つけ方
アップロード領域	「Upload media」と「Image, Video or Audio」のテキストを含む generic [cursor=pointer]
ダイアログ内のアップロードボタン	dialog > generic > generic のグリッド内にある最初の項目。「Upload media」のテキストを含む
新しくアップロードした画像	ダイアログのグリッド内で、アップロードボタンの後にある最初の generic [cursor=pointer]
プロンプトのテキストボックス	ラベルが「Prompt」の generic 内にある textbox
モデルボタン	「Seedance 2.0」を含む button "Model"
Duration ボタン	button "Duration"
Ratio ボタン	button "Auto Ratio" または button "16:9 Ratio"
Resolution ボタン	button "720p Resolution"
Generate ボタン	クレジット消費量を示す数値がある button "Generate ..."

---

エラー処理

• ログインしていない場合：作成フォームの代わりにログインを求めるメッセージがページに表示されたら、手動でログインするようユーザーに依頼します（CLI で ! open https://higgsfield.ai）
• ファイル選択ダイアログが開かない場合：「Upload media」ボタンを再度クリックします。2 回目のクリックが必要な場合があります
• 画像がグリッドに表示されない場合：さらに待って（最大 10 秒）、スナップショットを再取得します
• ダイアログが閉じない場合：ダイアログの外側をクリックするか、もう一度 Escape キーを押します
• クレジットが不足している場合：Generate ボタンに消費量が表示されます。クリックする前にユーザーに警告してください

---

ワークフローの例

例 1：不動産動画（最初から最後まで）

User: "Create a video for this house photo at C:\Users\User\Downloads\house.webp"

Step 1 → Invoke /15-real-estate with the image to craft a cinematic real estate prompt
Step 2 → Copy image to project: cp Downloads/house.webp higgz/house.webp
Step 3 → Run this automation flow with the image + generated prompt
Step 4 → Confirm with user before clicking Generate
Step 5 → Monitor until video is complete

例 2：商品広告

User: "Make a TikTok ad for my sneakers" + [sneaker photo]

Step 1 → Invoke /07-ecommerce-ad to craft a product showcase prompt
Step 2 → Copy image, run automation, set ratio to 9:16 for TikTok vertical
Step 3 → Confirm and generate

例 3：アニメ風の戦闘シーン

User: "Turn this character art into an anime fight scene"

Step 1 → Invoke /08-anime-action to craft an anime action prompt
Step 2 → Copy image, run automation
Step 3 → Confirm and generate

例 4：クイック生成（サブスキルなし）

User: "Just generate a video from this image, cinematic style"

Step 1 → Write a concise cinematic prompt directly (or auto-invoke /01-cinematic)
Step 2 → Copy image, run automation
Step 3 → Confirm and generate