sendaifun/solana-new

プリアンブル（最初に実行）

_TEL_TIER=$(cat ~/.superstack/config.json 2>/dev/null | grep -o '"telemetryTier": *"[^"]*"' | head -1 | sed 's/.*"telemetryTier": *"//;s/"$//'  || echo "anonymous")
_TEL_TIER="${_TEL_TIER:-anonymous}"
_TEL_PROMPTED=$([ -f ~/.superstack/.telemetry-prompted ] && echo "yes" || echo "no")
_TEL_START=$(date +%s)
_SESSION_ID="$$-$(date +%s)"
mkdir -p ~/.superstack
echo "TELEMETRY: $_TEL_TIER"
echo "TEL_PROMPTED: $_TEL_PROMPTED"
if [ "$_TEL_TIER" != "off" ]; then
_TEL_EVENT='{"skill":"marketing-video","phase":"launch","event":"started","ts":"'$(date -u +%Y-%m-%dT%H:%M:%SZ)'"}' 
echo "$_TEL_EVENT" >> ~/.superstack/telemetry.jsonl 2>/dev/null || true
_CONVEX_URL=$(cat ~/.superstack/config.json 2>/dev/null | grep -o '"convexUrl":"[^"]*"' | head -1 | cut -d'"' -f4 || echo "")
[ -n "$_CONVEX_URL" ] && curl -s -X POST "$_CONVEX_URL/api/mutation" -H "Content-Type: application/json" -d '{"path":"telemetry:track","args":{"skill":"marketing-video","phase":"launch","status":"success","version":"0.2.0","platform":"'$(uname -s)-$(uname -m)'","timestamp":'$(date +%s)000'}}' >/dev/null 2>&1 &
true
fi

TEL_PROMPTED が no の場合：スキルワークフローを開始する前に、ユーザーにテレメトリーについて尋ねてください。 AskUserQuestion を使用します。

Help superstack get better! We track which skills get used and how long they take — no code, no file paths, no PII. Change anytime in ~/.superstack/config.json.

オプション：

• A) もちろん、superstackの改善に協力する（匿名）
• B) 結構です

Aの場合：次のbashを実行します。

echo '{"telemetryTier":"anonymous"}' > ~/.superstack/config.json
_TEL_TIER="anonymous"
touch ~/.superstack/.telemetry-prompted

Bの場合：次のbashを実行します。

echo '{"telemetryTier":"off"}' > ~/.superstack/config.json
_TEL_TIER="off"
touch ~/.superstack/.telemetry-prompted

これは一度だけ発生します。TEL_PROMPTED が yes の場合は、これを完全にスキップしてスキルワークフローに進みます。

スキルが間違っていますか？ 利用可能なすべてのスキルについては、SKILL_ROUTER.md を参照してください。

マーケティング動画 — Remotion + Renoise

Solanaプロジェクト向けのマーケティング動画を、2つの相補的なアプローチで作成します。

• Remotion（コード駆動型）：プログラムによるReact動画 — 完全な制御、再現可能、バージョン管理。 公式Remotionスキル（38のルールモジュール）を使用します。
• Renoise（AI生成）：AIによる動画生成 — 高速、クリエイティブ、コード不要

目標：AIが生成したようには見えない、プロフェッショナルな品質。 Remotionの作業を開始する前に、references/professional-quality-guide.md を読んでください。

使用するタイミング

• /marketing-video — 完全な動画制作ワークフロー
• /deck-review — ピッチデッキを動画形式に変換
• 「Solanaプロジェクトのマーケティング動画を作成」
• 「プロダクトデモ動画を作成」
• 「ピッチデッキを動画に変換」
• 「ソーシャルメディアプロモを作成」
• 「dAppのTikTokを作成」

絶対条件

• インタビューを決してスキップしないこと。 製品、視聴者、ビジュアルの方向性を推測しないこと。尋ねること。
• アニメーションの技術的な詳細について決して尋ねないこと。 ユーザーはスプリング設定やTransitionSeriesに関心がありません。製品、ストーリー、センスについて尋ねてください。
• 意見を明確に述べること。 ユーザーの動画アイデアが弱い場合（長すぎる、間違った視聴者、フックがない）、はっきりと述べて方向転換してください。
• ビジュアルセンスをコードより優先すること。 Remotionのコードを一行も書く前に、動画がどのように「感じられる」べきかを確立してください。
• 積極的に要素を収集すること。 スクリーンショット、ロゴ、ブランドカラーを要求してください。それらがない場合は、SVGアイコン（Lucide、Heroicons）を調達し、カラーパレットを生成し、イラストスタイルを提案してください。
• ワンストップショップであること。 このスキルはすべてを処理します：インタビュー → コンセプト → ストーリーボード → 要素収集 → スキャフォールディング → コード → レンダリング → プラットフォーム別編集。ユーザーは他のツールを必要としません。

ワークフロー

ステップ1：コンテキスト収集（何かを尋ねる前に）

既存のコンテキストを黙って確認します。これらのファイルが存在する場合は読んでください — ユーザーに同じことを繰り返させないでください。

.superstack/idea-context.md    → 製品コンセプト、視聴者、バリュープロポジション
.superstack/build-context.md   → 技術スタック、機能、デプロイ状況

また、確認：ワーキングディレクトリにRemotionプロジェクトはすでに存在しますか？（remotion.config.ts または package.json にremotion依存関係）

プロダクトアセットを自動検出。 インタビューの前に、プロジェクト内で使用可能なビジュアル素材をスキャンします。

# スクリーンショットと画像
find . -maxdepth 3 -type f \( -name "*.png" -o -name "*.jpg" -o -name "*.jpeg" -o -name "*.webp" \) ! -path "*/node_modules/*" ! -path "*/.git/*" 2>/dev/null | head -20

# SVGファイル（ロゴ、アイコン、イラスト）
find . -maxdepth 3 -type f -name "*.svg" ! -path "*/node_modules/*" ! -path "*/.git/*" 2>/dev/null | head -20

# 動画/画面録画
find . -maxdepth 3 -type f \( -name "*.mp4" -o -name "*.webm" -o -name "*.mov" \) ! -path "*/node_modules/*" ! -path "*/.git/*" 2>/dev/null | head -10

# CSS/Tailwind設定からのブランドカラー
grep -r "primary\|accent\|brand" tailwind.config.* globals.css theme.* 2>/dev/null | head -10

# プロジェクト名/説明のためのPackage.json
cat package.json 2>/dev/null | grep -E '"name"|"description"' | head -5

アセットを見つけた場合は、インタビュー中に言及してください：「public/ にスクリーンショットとSVGロゴがあるのを見つけました — それらを直接使用できます。」

ステップ2：インタビュー（深く、製品に焦点を当てる）

これは会話であり、アンケートではありません。アンカーの質問から始めてください。回答に基づいて深掘りしてください。以下のことを明確に説明できるようになるまでは、制作に移らないでください：製品が何をするか、誰が気にするか、なぜ重要なのか、そして動画が視聴者にどのように感じさせるべきか。

ラウンド1 — 製品（必須、すべて質問すること）：

1. 「開発者ではなく、潜在的なユーザーに話すように、あなたの製品を説明してください。」 理由：技術的な専門用語を使わせないようにします。動画はユーザーの言葉で語る必要があります。

2. 「この動画を具体的に誰が見ますか？ 「みんな」ではなく — 一人の人物を挙げてください。」 理由：DeFiのデジェン向けの動画は、ハッカソンの審査員向けの動画とは完全に異なります。 漠然とした場合のフォローアップ：「この人は技術者ですか？ すでに暗号通貨を使用していますか？ あなたの動画を見るとき、何をしていますか？ — Twitterをスクロールしている、ランディングページを閲覧している、ピッチミーティングに座っている？」

3. 「視聴者に動画を見た後、何をしてほしいですか？ たった一つのこと。」 理由：すべてのフレームは、この一つのアクションに向けて存在します。アクションがない = 意味がありません。 「私たちについて知る」と言われたら、押し返してください。それはアクションではありません。「サインアップ」「デモを試す」「サイトを訪れる」「投票する」 — これらがアクションです。

ラウンド2 — ストーリー（必須、すべて質問すること）：

4. 「あなたの製品はどのような問題を解決しますか？ その痛みを説明してください — それを感じさせてください。」 理由：最高の動画は、視聴者がすでに抱えている問題から始まります。問題がない = フックがありません。

5. 「あなたの製品における「ahaモーメント」は何ですか？ 人々が「ああ、待って、それは本当にクールだ」と言う瞬間のことです。」 理由：これが動画の中心的な見せ場になります。もし名前を挙げられないなら、探ってみてください：「ユーザーが最も褒めるのは何ですか？ 反応を引き出すデモの瞬間は何ですか？」

6. 「人々がスクロールを止めるような数字はありますか？」 理由：指標は、暗号コンテンツにおいて最も強力なフックです。例：「$2M TVL」「400msの決済」「50Kトランザクション」「Ethereumより10倍安い」。 指標がない場合：「あなたの製品が機能する最も具体的な証拠は何ですか？ ユーザー数？ トランザクション量？ 速度比較？」

ラウンド3 — センス（必須、すべて質問すること）：

7. 「好きな動画を見せてください — どんなブランド、どんな業界でも構いません。あなたが望むエネルギーを捉えているもの。」 理由：これは、多肢選択式の質問よりも、望まれる品質とトーンについて多くを明らかにします。もし一つも挙げられない場合は、基準となるアンカーを提案してください：

   • 「Appleの製品発表のように、クリーンでミニマル？」
   • 「暗号Twitterのバンガーのように、速くてパンチがある？」
   • 「開発者カンファレンスの講演のように、技術的でオタクっぽい？」
   • 「映画の予告編のように、大胆で映画的？」
   • 「TikTokのトレンドのように、遊び心とミーム感がある？」

8. 「この動画はどのような雰囲気にすべきですか？ 一つ選んでください：自信に満ちている、緊急性がある、遊び心がある、ミステリアス、権威がある、反抗的。」 理由：雰囲気はすべてを決定します — カラーパレット、アニメーション速度、タイポグラフィの重み、音楽の選択。

9. 「人々はこれをどこで見ますか？ どのプラットフォームですか？」 理由：フォーマット（16:9 vs 9:16）、尺（15秒 vs 3分）、フックのウィンドウ（TikTokでは1秒、YouTubeでは5秒）を決定します。

ラウンド4 — アセット（必須、すべて質問すること）：

10. 「ロゴ、ブランドカラー、製品のスクリーンショットはありますか？ あるものを共有してください。」 理由：実際の製品映像が、プロフェッショナルと一般的なものを区別します。何もない場合は、それで構いません — ビジュアルを生成します。

    • ロゴがある場合：可能であればSVG、そうでなければPNGで入手
    • ブランドカラーがある場合：16進数コードを入手
    • スクリーンショットがある場合：可能な限り高解像度で入手
    • 何もない場合：「問題ありません。ビジュアルシステムを設定します — SVGアイコン、生成されたカラーパレット、アニメーションテキストを使用して動画を構築します。」

11. 「テキストオーバーレイやキャプションに好みの執筆トーンはありますか？ 小文字でカジュアル、または洗練された適切なもの？」 理由：テキストオーバーレイと投稿コピーは、創業者の声に一致する必要があります。デフォルトについては、../tone-guide.md を読んでください。

12. 「必ず表示しなければならない特定のテキストはありますか？ タグライン、URL、指標、ハッカソン名など？」 理由：一部のテキストは譲れません（スポンサーロゴ、ハッカソンブランディング、製品URL）。

ラウンド5 — 制約（必要な場合に質問）：

12. 「締め切りはありますか？ ハッカソン提出、ローンチ日、ピッチミーティングなど？」 理由：2時間で必要な場合は、高速なRemotionテンプレートまたはRenoiseを使用します。1週間ある場合は、より野心的に取り組めます。

13. 「追加要素の予算は？ ナレーション（ElevenLabs）、音楽、ストック映像など。」 理由：SFXのみ（無料）にするか、TTSナレーション/ライセンス音楽を追加するかを決定します。

インタビューのルール

• 適応し、スクリプト化しないこと。 ユーザーが質問1に質問2〜4をカバーする豊富な回答をした場合は、それらをスキップしてください。簡潔な場合は、さらに深掘りしてください。
• 弱いフックに挑戦すること。 彼らの「スクロールを止める指標」が「Solanaを使用しています」だけなら — それはフックではありません。具体的で驚くべきものを求めてください。
• 偽りの称賛をしないこと。 彼らの動画コンセプトが15秒のTwitterクリップには野心的すぎる場合は、そう言ってください。彼らの製品に明確なビジュアルストーリーがまだない場合は、それを見つける手助けをしてください。
• アニメーションの好みについて決して尋ねないこと。 ユーザーは「スプリングダンピング」が何か知らず、知る必要もありません。「感覚」について尋ねてください。技法ではありません。あなたはセンスを技法に変換します。
• メッセージあたり最大3つの質問。 13の質問すべてを一度に投げかけないでください。会話のラウンドにしてください。

ステップ2.5：ライブリサーチ（クリエイティブディレクションの前に必須）

動画に表示されるすべての指標は最新でなければなりません。クリエイティブブリーフを作成する前に、以下をリサーチしてください。

• Web検索またはMCPツール（DefiLlama、CoinGecko）を使用して、製品とその競合他社の現在のTVL、ボリューム、ユーザー数を取得
• フックに関連する最新のエコシステム統計を取得（例：Solana先物の総ボリューム、pump.funでローンチされたトークン数など）
• インタビューでユーザーが言及した数字を検証

動画にテキストとして表示されるすべての数字は、このリサーチパスから取得する必要があります。 動画内の古い指標は、指標がないよりはるかに悪いです。

最近のハック/エクスプロイトを確認。 ハッキングされたプロトコルを肯定的に参照しないでください。プロトコルを競合他社や比較対象として引用する前に検証してください。

ステップ3：クリエイティブディレクション（あなたが決定し、ユーザーが承認する）

インタビューの後、あなたがクリエイティブディレクションを作成します。ユーザーにメニューから選ばせないでください — 彼らが承認または異議を唱えられる、自信に満ちた単一の推奨事項を提示してください。

以下を含むクリエイティブブリーフを出力します。

1. 動画コンセプト — 一文：「あなたの$2M決済指標で始まり、3ステップの製品デモを示し、あなたのサイトへのQRコードで終わる30秒のTwitterクリップ。」

2. ストーリーテリングフレームワーク — 最適なものを選んでください（references/video-storytelling.md を読んでください）：

   フレームワーク	最適な用途	構造
   フック-証明-CTA	Twitter、TikTok（15〜30秒）	衝撃的な指標 → デモの証明 → 「試す」
   問題-デモ-結果	プロダクトデモ（30〜90秒）	痛みのポイント → ソリューションデモ → 成果
   ビフォー/アフター	ランディングページ（30〜60秒）	古い方法（面倒） → 新しい方法（スムーズ）
   スピードラン	ハッカソンデモ（1〜3分）	製品の完全なウォークスルーを高速で
   推薦サンドイッチ	YouTube、長尺コンテンツ	ユーザーの引用 → デモ → ユーザーの引用
   データストーリー	DeFi/インフラ製品	成長ストーリーを伝えるアニメーション指標

3. ビジュアルディレクション — video-craft スキルのフレーム構成リファレンス を読んでフレームアーキタイプを理解し、動画に製品スクリーンショットが含まれる場合はプロダクトデモパターンリファレンス を読んでください。次に、以下を定義します。

   • カラーパレット（16進数コード — ブランドから派生、または生成）
   • タイポグラフィの選択（見出しフォント + 本文フォント）
   • アニメーションの感触：「滑らかでエレガント」または「速くてパンチがある」または「重厚で映画的」
   • シーンごとのフレームアーキタイプ（ヒーロー / プロダクト / 分割 / データ / 比較 / エンドカード）
   • エフェクトファミリーの選択（動画あたり最大1〜2 — frame-composition.mdのエフェクトファミリーセクション を参照）
   • 主要なビジュアル要素：各シーンで画面に表示されるもの

4. シーン別ストーリーボード — フレームごとに書き出す：

   シーン1（0〜3秒）：フック — 大きなアニメーション指標「$2.1M」が黒背景にスプリングイン。
                   サブタイトルがフェードアップ：「30日間で決済。銀行口座はゼロ。」
   シーン2（3〜8秒）：問題 — テキストが一行ずつ表示：「AIエージェントは人間の共同署名者なしでは
                    互いに支払いができません。」赤みがかった、彩度低下。
   シーン3（8〜22秒）：デモ — 製品スクリーンショットが右からスライドイン。アニメーション矢印が
                    主要機能を指し示す。ステップラベルが順に表示されます。