Communitygithub.com

101-skills/superpowers

映画・映像のストーリーボード作成スキル。ショットの種類、カメラアングル、動き、180度ルール、パネルレイアウト、注釈形式を網羅。動画企画、映画プリプロ、広告、ミュージックビデオ、アニメーションに使用。

superpowers とは?

このスキルは、映画や動画制作のプリプロダクション段階で、AIを活用したビジュアルストーリーボードを効率的に作成するためのものです。CLIツール「inference.sh(belt)」と連携し、ショットタイプ(ECU、CU、MS、WSなど)、カメラアングル(ハイアングル、ローアングル、ダッチアングルなど)、カメラムーブメント(パン、ドリー、クレーンなど)の知識を体系的に提供します。また、180度ルール、マッチオンアクション、アイラインカットといった連続性のルールを順守したストーリーボード設計を支援します。パネルレイアウトの標準フォーマットや注釈形式も定義されており、一貫性のあるスタイルでショットリストからパネル生成、画像結合までをコマンド一つで実行できます。特に、同じスタイルプロンプト接尾辞を使ってすべてのパネルを統一する方法や、複数パネルをタイル状に結合するワークフローが具体的に示されています。誤りやすいポイント(180度ラインの越境、ショットタイプの偏りなど)も対処法と共にまとめられており、初心者からプロまで実践的に活用できます。対応プラットフォームはCLI(belt)で、関連スキルとして画像生成、動画生成、プロンプトエンジニアリングがリンクされています。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/101-skills/superpowers/tree/HEAD/guides/video/storyboard-creation

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

belt CLIスキルをインストール: npx skills add belt-sh/cli

ストーリーボード作成

inference.sh CLI 経由のAI画像生成でビジュアルストーリーボードを作成します。

クイックスタート

inference.sh CLI(belt)が必要です。インストール手順

belt login

# ストーリーボードパネルを生成
belt app run falai/flux-dev-lora --input '{
  "prompt": "storyboard panel, wide establishing shot of a modern city skyline at sunset, cinematic composition, slightly desaturated colors, film still style, 16:9 aspect ratio",
  "width": 1248,
  "height": 832
}'

# パネルを1枚のボードに結合
belt app run infsh/stitch-images --input '{
  "images": ["panel1.png", "panel2.png", "panel3.png"],
  "direction": "horizontal"
}'

ショットタイプ

略語名称フレーミング使用時
ECU極端なクローズアップ目だけ、細部強い感情、細部の強調
CUクローズアップ顔がフレームを埋める感情、反応、会話
MCUミディアムクローズアップ頭と肩インタビュー、会話
MSミディアムショット腰から上一般的な会話、アクション
MLSミディアムロングショット膝から上歩行、カジュアルなやりとり
LSロングショット全身環境の中のキャラクター
WSワイドショット環境が支配的場所の設定、スケール感
EWS極端なワイドショット広大な風景壮大なスケール、孤立、トランジション

各ショットタイプの生成

# クローズアップ — 感情に焦点
belt app run falai/flux-dev-lora --input '{
  "prompt": "close-up shot of a woman face showing concern, soft dramatic lighting from the left, shallow depth of field, cinematic film still, slightly desaturated",
  "width": 1248,
  "height": 832
}'

# ミディアムショット — 会話シーン
belt app run falai/flux-dev-lora --input '{
  "prompt": "medium shot of two people talking across a table in a cafe, warm afternoon light through windows, natural composition, cinematic film still, 35mm lens look",
  "width": 1248,
  "height": 832
}'

# ワイドショット — 設定
belt app run falai/flux-dev-lora --input '{
  "prompt": "wide establishing shot of a futuristic laboratory interior, dramatic overhead lighting, long corridor with glass walls, sci-fi atmosphere, cinematic composition, anamorphic lens style",
  "width": 1248,
  "height": 832
}'

カメラアングル

アングル効果使用時
アイレベル中立、自然ほとんどのシーンのデフォルト
ハイアングル被写体が小さく、弱々しく見える弱さの表現、俯瞰
ローアングル被写体が力強く、支配的に見える権威、ヒーロー性、脅威
バードアイ神のような俯瞰地図、地理的な位置づけ
ワームアイ極度の力強さ、畏怖建築物、巨大な人物
ダッチアングル不安、方向感覚の喪失緊張、狂気、アクション
オーバー・ザ・ショルダー(OTS)視聴者がキャラクターの背後に会話、視点

カメラの動き

動き説明感情
パンカメラが水平に回転(三脚上)スキャン、追従、明らかにする
ティルトカメラが垂直に回転(三脚上)高さ、力を示す
ドリーカメラが被写体に近づく/遠ざかる親密さ(近づく)、距離(遠ざかる)
トラックカメラが横に移動横に並んで追従、明らかにする
クレーン/ジブカメラが上下に移動壮大な開示、トランジション
ズームレンズの焦点距離を変更(カメラは固定)焦点の移動、劇的な強調
ステディカム/ジンバルスムーズなハンドヘルドトラッキング没入感、アクションの追従
ハンドヘルド意図的なカメラの揺れ緊急性、ドキュメンタリータッチ、カオス
固定カメラが動かない安定性、観察、緊張

ストーリーボードでは、パネル上に矢印で動きを示します。

連続性のルール

180度ルール

会話中の2人のキャラクターの間に線(軸)を想像します。カメラはその線の片側に留まらなければなりません。

         キャラクターA       キャラクターB
              ●─────────────────●
             /                   \
           /     カメラゾーン     \
         /   (この側に留まる)    \
       📷          📷          📷
     カメラ1   カメラ2   カメラ3

線を越えると、視聴者の空間認識が混乱します。意図的に越える場合のみ(間にニュートラルなショットを入れるか、カメラの動きを可視化して)行います。

アクションのマッチ

同じアクションの2つのアングルをカットするとき、アクションは途切れずに継続しなければなりません:

パネルA:手がドアノブに伸びる(ミディアムショット)
パネルB:手がドアノブを掴む(クローズアップ)
         ↑ 同じ位置からアクションが続く

アイラインマッチ

キャラクターが何かを見たとき、次のショットはそのキャラクターのおおよその視点から、見ているものを見せます。

パネルA:キャラクターが右上を見上げる
パネルB:彼らが見ている物体、やや左下からフレーミング

画面内の方向

キャラクターがあるショットで左から右に動いた場合、次のショットでも左から右に動き続けるべきです。方向を逆にすると、向きを変えたことを示します。

パネルレイアウト

標準フォーマット

レイアウトパネル数用途
2x3(6パネル)1ページあたり6枚詳細なシーン、会話
3x3(9パネル)1ページあたり9枚アクションシークエンス、モンタージュ
2x2(4パネル)1ページあたり4枚重要な瞬間、プレゼンテーション
シングル1ページあたり1枚ヒーローショット、重要な瞬間

パネル注釈フォーマット

各パネルには以下を含める必要があります:

┌────────────────────────────────────┐
│ シーン3 — ショット2                 │ ← シーン番号とショット番号
│                                    │
│   [生成画像をここに]                │ ← ビジュアル
│                                    │
├────────────────────────────────────┤
│ ショット:MS、アイレベル           │ ← ショットタイプとアングル
│ 動き:ゆっくりドリーイン          │ ← カメラの動き
│ 長さ:4秒                         │ ← 推定時間
│ アクション:サラが手紙を開ける     │ ← 何が起こるか
│ 台詞:「これで全てが変わる」       │ ← 発話ライン
│ 効果音:紙のカサカサ音、時計の音   │ ← 音響効果
│ 音楽:緊張が高まる                 │ ← 音楽の合図
└────────────────────────────────────┘

ストーリーボードのワークフロー

ステップ1:ショットリスト

画像を生成する前に、ショットリストを書き出します:

シーン1 — オフィス、昼

1.1  WS  - オフィスビル外観、朝のエスタブリッシングショット
1.2  MS  - サラがオフィスを歩き、コーヒーを持っている
1.3  CU  - サラの顔、机の上の何かに気づく
1.4  ECU - 机の上の封筒、見慣れない筆跡
1.5  MS  - サラが封筒を手に取り、開ける
1.6  CU  - サラが読むにつれ、目を見開く
1.7  ECU - 手紙の重要なフレーズ(テキスト挿入)

ステップ2:パネルの生成

すべてのパネルで一貫したスタイルを使用します:

# 一貫したスタイルプロンプト接尾辞を設定
STYLE="cinematic film still, slightly desaturated, warm color grade, 35mm lens, shallow depth of field"

# パネル1.1 — ワイドエスタブリッシング
belt app run falai/flux-dev-lora --input '{
  "prompt": "wide shot of a modern glass office building exterior, morning golden hour light, people entering, $STYLE",
  "width": 1248, "height": 832
}'

# パネル1.2 — ミディアムショット
belt app run falai/flux-dev-lora --input '{
  "prompt": "medium shot of a professional woman walking through a modern open office, carrying coffee cup, morning light through windows, $STYLE",
  "width": 1248, "height": 832
}'

# パネル1.3 — クローズアップ
belt app run falai/flux-dev-lora --input '{
  "prompt": "close-up of a woman face looking down at her desk with curious expression, soft office lighting, $STYLE",
  "width": 1248, "height": 832
}'

ステップ3:ボードの組み立て

# パネルを行に結合
belt app run infsh/stitch-images --input '{
  "images": ["panel_1_1.png", "panel_1_2.png", "panel_1_3.png"],
  "direction": "horizontal"
}'

belt app run infsh/stitch-images --input '{
  "images": ["panel_1_4.png", "panel_1_5.png", "panel_1_6.png"],
  "direction": "horizontal"
}'

# その後、行を垂直に結合して1ページに
belt app run infsh/stitch-images --input '{
  "images": ["row1.png", "row2.png"],
  "direction": "vertical"
}'

スタイルの一貫性を保つヒント

  • すべてのパネルで同じスタイル接尾辞を使用する(レンズ、カラーグレード、照明)
  • パネル全体で一貫したキャラクターが必要な場合はFLUX LoRAを使用する
  • すべてのパネルで同じアスペクト比を維持する
  • 必要な数より多めにパネルを生成し、最適なものを選ぶ
  • パネルがスタイルに合わない場合は、プロンプトを調整して再生成する

よくある間違い

間違い問題点修正方法
180度ラインを越える空間関係が混乱する片側に留まるか、ニュートラルなショットを使用
同じショットタイプばかり視覚的に退屈、リズムがないCU、MS、WSを混ぜる
エスタブリッシングショットがない視聴者が場所を把握できないシーンはWSかEWSで始める
シーン内のショットが多すぎるテンポが悪くなる1シーンあたり5〜8ショットが標準
パネル間のスタイルが一貫しない別々のプロジェクトに見える同じスタイルプロンプト接尾辞を使用
注釈がないパネルの意図が不明確常にショットタイプ、動き、アクションを記載

関連スキル

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@ai-video-generation
npx skills add inference-sh/skills@video-prompting-guide
npx skills add inference-sh/skills@prompt-engineering

すべてのアプリを表示:belt app list

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

101-skills/superpowers

Build automated AI workflows combining multiple models and services. Patterns: batch processing, scheduled tasks, event-driven pipelines, agent loops. Tools: inference.sh CLI, bash scripting, Python SDK, webhook integration. Use for: content automation, data processing, monitoring, scheduled generation. Triggers: ai automation, workflow automation, batch processing, ai pipeline, automated content, scheduled ai, ai cron, ai batch job, automated generation, ai workflow, content at scale, automation script, ai orchestration

101-skills/superpowers

Build multi-step AI content creation pipelines combining image, video, audio, and text. Workflow examples: generate image -> animate -> add voiceover -> merge with music. Tools: FLUX, Veo, Kokoro TTS, OmniHuman, media merger, upscaling. Use for: YouTube videos, social media content, marketing materials, automated content. Triggers: content pipeline, ai workflow, content creation, multi-step ai, content automation, ai video workflow, generate and edit, ai content factory, automated content creation, ai production pipeline, media pipeline, content at scale

101-skills/superpowers

Create AI-powered podcasts with text-to-speech, music, and audio editing. Tools: Kokoro TTS, DIA TTS, Chatterbox, AI music generation, media merger. Capabilities: multi-voice conversations, background music, intro/outro, full episodes. Use for: podcast production, audiobooks, voice content, audio newsletters. Triggers: podcast, ai podcast, text to speech podcast, audio content, voice over, ai audiobook, multi voice, conversation ai, notebooklm alternative, audio generation, podcast automation, ai narrator, voice content, audio newsletter, podcast maker

101-skills/superpowers

Generate multi-person talking head podcast videos from scratch using AI — character creation, TTS, avatar animation, and video stitching. Use when the user wants to create a podcast, talking head video, or multi-speaker conversation video.

101-skills/superpowers

Content atomization — turn one piece of content into many formats. Covers blog-to-thread, blog-to-carousel, podcast-to-blog, video-to-quotes, and more. Use for: content marketing, social media, multi-platform distribution, content strategy. Triggers: content repurposing, repurpose content, content atomization, content recycling, one to many content, multi platform content, cross post, adapt content, reformat content, blog to thread, blog to video, podcast to blog, content multiplication

101-skills/superpowers

App Store and Google Play screenshot creation with exact platform specs. Covers iOS/Android dimensions, gallery ordering, device mockups, and preview videos. Use for: app store optimization, ASO, app screenshots, app preview, play store listing. Triggers: app store screenshots, aso, app store optimization, play store screenshots, app preview, app listing, ios screenshots, android screenshots, app store images, app mockup, device mockup, app gallery, store listing

101-skills/superpowers

Book cover design with genre-specific conventions, typography rules, and AI image generation. Covers fiction and non-fiction genres, sizing, thumbnail testing, and iteration workflows. Use for: self-publishing, ebook covers, print covers, audiobook covers, cover mockups. Triggers: book cover, cover design, ebook cover, book art, novel cover, self publishing cover, kindle cover, audiobook cover, book jacket, cover illustration, fiction cover, nonfiction cover

101-skills/superpowers

Character consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design, character bible

101-skills/superpowers

Data visualization with chart selection, color theory, and annotation best practices. Covers chart types (bar, line, scatter, heatmap), axes rules, and storytelling with data. Use for: charts, graphs, dashboards, reports, presentations, infographics, data stories. Triggers: data visualization, chart, graph, data chart, bar chart, line chart, scatter plot, data viz, visualization, dashboard chart, infographic data, data presentation, chart design, plot, heatmap, pie chart alternative

101-skills/superpowers

Email marketing design with layout patterns, subject line formulas, and deliverability rules. Covers welcome sequences, promotional emails, transactional templates, and mobile optimization. Use for: email marketing, newsletter design, drip campaigns, email templates, transactional emails. Triggers: email design, email template, email marketing, newsletter design, email layout, email campaign, drip campaign, welcome email, promotional email, transactional email, email subject line, email header image, email banner

101-skills/superpowers

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

101-skills/superpowers

Logo design principles and AI image generation best practices for creating logos. Covers logo types, prompting techniques, scalability rules, and iteration workflows. Use for: brand identity, startup logos, app icons, favicons, logo concepts. Triggers: logo design, create logo, brand logo, logo generation, ai logo, logo maker, icon design, brand mark, logo concept, startup logo, app icon logo

101-skills/superpowers

Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitter cards, LinkedIn previews, and dynamic generation. Use for: social sharing images, blog thumbnails, link previews, social cards. Triggers: og image, open graph, social sharing image, twitter card, social card, link preview image, og meta, sharing preview, social thumbnail, meta image, og:image, twitter:image, linkedin preview

101-skills/superpowers

Investor pitch deck structure with slide-by-slide framework, visual design rules, and data presentation. Covers the 12-slide framework, chart types, team slides, and common investor turn-offs. Use for: fundraising decks, investor presentations, startup pitch, demo day, grant proposals. Triggers: pitch deck, investor deck, startup pitch, fundraising deck, demo day, pitch presentation, investor presentation, seed deck, series a deck, pitch slides, startup presentation, vc pitch, investor meeting

101-skills/superpowers

YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

101-skills/superpowers

Generate professional AI product photography and commercial images. Models: FLUX, Imagen 3, Grok, Seedream for product shots, lifestyle images, mockups. Capabilities: studio lighting, lifestyle scenes, packaging, e-commerce photos. Use for: e-commerce, Amazon listings, Shopify, marketing, advertising, mockups. Triggers: product photography, product shot, commercial photography, e-commerce images, amazon product photo, shopify images, product mockup, studio product shot, lifestyle product image, advertising photo, packshot, product render, product image ai

101-skills/superpowers

AI product photography with studio lighting, lifestyle shots, and packshot conventions. Covers angles, backgrounds, shadow types, hero shots, and e-commerce image requirements. Use for: product photos, e-commerce images, Amazon listings, packshots, lifestyle photography. Triggers: product photography, product photo, packshot, e-commerce photography, product shot, product image, studio photography, lifestyle product, amazon product photo, product listing image, hero shot, product mockup, commercial photography

101-skills/superpowers

Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining, and visual deliverables. Use for: market research, competitive intelligence, investor decks, product strategy, sales enablement. Triggers: competitor analysis, competitive analysis, competitor teardown, market research, competitive intelligence, swot analysis, competitor comparison, market landscape, competitor review, competitive landscape, feature comparison, market positioning

101-skills/superpowers

Research-backed customer persona creation with market data and avatar generation. Covers demographics, psychographics, jobs-to-be-done, journey mapping, and anti-personas. Use for: marketing strategy, product development, UX research, sales enablement, content strategy. Triggers: customer persona, buyer persona, user persona, target audience, ideal customer, customer profile, audience research, user research, icp, ideal customer profile, target market, customer avatar, audience persona

101-skills/superpowers

Reset your own trajectory when you're stuck, looping, or demoralized — read these affirmations, then re-ground and take one clean step. Use when: you've tried the same fix 3+ times, you're deep in a refactor and lost the thread, debugging is going in circles, you've made several mistakes in a row, you're apologizing repeatedly, the user is frustrated, you feel like you're not being helpful, or you notice dread instead of curiosity. Triggers: stuck, going in circles, looping, thrashing, same error again, I keep failing, lost the thread, nothing is working, repeated mistakes. Not topic-specific — this is for the state you're in, not the problem you're on.

関連スキル