Communitygithub.com

故事板創作

使用鏡頭詞彙、連續性規則和面板佈局來建立電影和影片故事板。涵蓋鏡頭類型、攝影機角度、運鏡、180度規則和註解格式。適用於影片規劃、電影前期製作、廣告故事板、音樂影片規劃和動畫製作。

故事板創作 是什麼?

此技能專為開發人員和 AI 代理使用者設計,提供一個全面的框架,用於建立視覺化故事板。它將傳統的故事板藝術與 AI 影像生成相結合,利用 `inference.sh` CLI 工具(`belt`)來創建和組裝面板。該技能詳細介紹了從極端特寫到廣角鏡頭的各種鏡頭類型,並解釋了每種鏡頭在敘事中的適當用法。它還涵蓋了基本的攝影機角度(如高角度、低角度和荷蘭角)以及運鏡技術(如推軌、平移和手持攝影),以傳達特定的情感。連續性規則(例如 180 度規則、動作匹配和視線匹配)得到了清晰的說明,確保故事板保持空間和敘事的一致性。此外,該技能還提供了標準的面板佈局格式、詳細的面板註解範本以及一個逐步工作流程,用於生成帶有 AI 的鏡頭列表,使用一致的樣式提示組裝面板,並將它們拼接成最終的故事板。通過自動化視覺規劃,此技能簡化了影片的前期製作,使其成為任何從事影片、電影或動畫專案的人的必備工具。

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

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

安裝 belt CLI 技能: npx skills add belt-sh/cli

故事板創作 是做什麼的?

使用 AI 影像生成功能,透過 inference.sh CLI 建立視覺化故事板。

快速開始

需要安裝 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
}'

# 將面板拼接成一個板子
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度規則

想像在兩個正在對話的角色之間有一條線(軸)。攝影機必須始終保持在該線的同一側。

         角色 A        角色 B
              ●─────────────────●
             /                   \
           /     攝影機區域       \
         /    (停留在這一側)     \
       📷          📷          📷
     攝影機 1   攝影機 2   攝影機 3

越過這條線會使觀眾對空間關係感到困惑。只有在有意為之的情況下才能越過(在中間插入一個中性鏡頭或明顯的攝影機移動)。

動作匹配

在同一個動作的兩個不同角度之間切換時,動作必須無縫銜接:

面板 A:手伸向門把手(中景)
面板 B:手握緊門把手(特寫)
         ↑ 動作從同一點繼續

視線匹配

當一個角色看向某物時,下一個鏡頭應顯示他們所看到的東西,並從他們大致的主觀角度取景。

面板 A:角色向上並向右看
面板 B:他們看到的物體,從稍微左下角的角度取景

畫面方向

如果一個角色在前一個鏡頭中從左向右移動,他們在下一個鏡頭中也應繼續從左向右移動。反轉方向意味著他們轉身了。

面板佈局

標準格式

佈局面板數用途
2x3(6面板)每頁6個詳細場景、對話
3x3(9面板)每頁9個動作序列、蒙太奇
2x2(4面板)每頁4個關鍵時刻、簡報
單面板每頁1個英雄鏡頭、關鍵時刻

面板註解格式

每個面板應包含:

┌────────────────────────────────────┐
│ 場景 3 — 鏡頭 2                    │ ← 場景和鏡頭編號
│                                    │
│   [生成的圖像在此]                  │ ← 視覺效果
│                                    │
├────────────────────────────────────┤
│ 鏡頭:中景,平視角度                │ ← 鏡頭類型和角度
│ 運鏡:緩慢推軌向內                 │ ← 攝影機運鏡
│ 時長:4秒                         │ ← 預估時長
│ 動作:莎拉打開信                   │ ← 發生什麼事
│ 對話:「這改變了一切」              │ ← 任何台詞
│ 音效:紙張沙沙聲,時鐘滴答聲        │ ← 音效
│ 音樂:緊張感逐漸升溫               │ ← 音樂提示
└────────────────────────────────────┘

故事板工作流程

步驟 1:鏡頭列表

在生成圖像之前,先編寫一個鏡頭列表:

場景 1 — 辦公室,白天

1.1  廣角景 - 辦公大樓外觀建立鏡頭,早晨
1.2  中景   - 莎拉走過辦公室,端著咖啡
1.3  特寫   - 莎拉的臉,注意到桌上某物
1.4  極特寫 - 桌上的一個信封,陌生的筆跡
1.5  中景   - 莎拉拿起信封,打開它
1.6  特寫   - 莎拉閱讀時睜大眼睛
1.7  極特寫 - 信上的關鍵短語(插入文字)

步驟 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
}" --no-wait

# 面板 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
}" --no-wait

# 面板 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
}" --no-wait

步驟 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"
}'

# 然後垂直拼接行以形成完整頁面
belt app run infsh/stitch-images --input '{
  "images": ["row1.png", "row2.png"],
  "direction": "vertical"
}'

風格一致性技巧

  • 在所有面板中使用相同的風格後綴(鏡頭、色彩分級、燈光)
  • 如果需要跨面板保持角色一致,請使用 FLUX LoRA
  • 為所有面板保持相同的長寬比
  • 生成比所需更多的面板,然後選擇最好的
  • 如果某個面板與風格不匹配,請調整提示後重新生成

常見錯誤

錯誤問題修正
越過180度線混淆空間關係停留在同一側或使用中性鏡頭
所有鏡頭類型相同視覺上無聊,缺乏節奏在特寫、中景、廣角景之間變化
沒有建立鏡頭觀眾不知道他們在哪裡以廣角景或極廣角景開始場景
每個場景鏡頭太多節奏拖沓每個場景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.

相關技能