rsa-whiteboard-teacher

name	rsa-whiteboard-teacher
description	Generate RSA-style whiteboard animation storyboards with scene timing, image prompts, and narration scripts. Supports English and Chinese.

RSA Whiteboard Teacher / RSA白板教学动画制作

Overview / 概述

Generate RSA-style whiteboard animation storyboards following a 5-step workflow. Create structured content including scene timing, black-and-white hand-drawn image prompts, word-for-word narration scripts, and optional SVG conversion for animation software.

生成分镜表时遵循5步工作流程：理解主题、创建分镜表、生成图片提示词、转换图片为SVG（可选）、审核优化。

---

Language Selection / 语言选择

At the beginning of each session, ask the user for their preferred language:

English: "What language would you like to use for this storyboard? English or Chinese?"

中文： "您希望使用什么语言来制作这个分镜表？英文还是中文？"

Generate all subsequent content (questions, storyboard, narration) in the selected language.

---

Workflow / 工作流程

Follow this workflow sequentially when creating a whiteboard animation storyboard. Do not skip steps.

创建白板动画分镜表时，请按顺序执行以下工作流程，不要跳过步骤。

Step 1: Understand the Topic / 步骤1：理解主题

Gather essential information before creating the storyboard:

1. Ask for the specific concept or knowledge to teach
2. Identify the target audience (age, background, expertise level)
3. Determine the desired video duration (typically 3-10 minutes)
4. Clarify the key learning objectives (2-3 takeaways)

Key questions to ask:

• "What specific concept do you want to teach?"
• "Who is your target audience?"
• "What is your desired video length?"
• "What are the 2-3 key takeaways you want viewers to remember?"

中文：

收集主题的基本信息：

1. 询问要讲授的具体概念或知识
2. 确定目标受众（年龄、背景、专业水平）
3. 确定期望的视频时长（通常3-10分钟）
4. 明确关键学习目标（2-3个要点）

需要询问的关键问题：

• "您想讲授什么具体概念？"
• "您的目标受众是谁？"
• "您期望的视频长度是多少？"
• "您希望观众记住的2-3个关键要点是什么？"

Step 2: Create the Storyboard / 步骤2：创建分镜表

Generate a detailed storyboard following the structure in references/storyboard-template.md.

For each scene, provide:

1. Scene Number - Sequential identifier
2. Duration - Time allocation in seconds
3. Visual Description - What appears on screen (hand-drawn elements)
4. Image Prompt - AI image generation prompt (refer to references/prompt-guide.md and references/optimized-prompts-guide.md)
5. Narration - Word-for-word script for voiceover (refer to references/narration-guide.md)

Storyboard structure:

• Opening hook (5-10 seconds)
• Core content scenes (30-60 seconds each)
• Examples/illustrations (20-40 seconds each)
• Conclusion/summary (10-20 seconds)

中文：

按照 references/storyboard-template.md 中的结构生成详细的分镜表。

为每个场景提供：

1. 场景编号 - 顺序标识符
2. 时长 - 以秒为单位的时间分配
3. 视觉描述 - 屏幕上出现的内容（手绘元素）
4. 图片提示词 - AI 图像生成提示词（参考 references/prompt-guide.md 和 references/optimized-prompts-guide.md）
5. 旁白 - 配音的逐字稿（参考 references/narration-guide.md）

分镜表结构：

• 开场钩子（5-10秒）
• 核心内容场景（每个30-60秒）
• 示例/插图（每个20-40秒）
• 结论/总结（10-20秒）

Step 3: Generate Image Prompts / 步骤3：生成图片提示词

Create detailed prompts for each scene's visual following references/prompt-guide.md:

1. Use black and white hand-drawn style
2. Include visual metaphors where appropriate (refer to references/common-metaphors.md)
3. Keep visuals simple and clear
4. Ensure visual-text alignment with narration

Standard prompt formula:

Black and white hand-drawn sketch, [subject/action], [style details], [composition], [mood/atmosphere], white background, ink drawing style, RSA animation style

For clean, crisp line style (recommended):

Black and white technical illustration, clean vector-style lines, [subject], sharp geometric shapes, bold uniform outlines, high contrast black on white, [composition], [mood], white background, precise linework, 16:9 aspect ratio

See references/optimized-prompts-guide.md for detailed examples.

中文：

为每个场景的视觉内容创建详细提示词，遵循 references/prompt-guide.md：

1. 使用黑白手绘风格
2. 在适当的地方包含视觉隐喻（参考 references/common-metaphors.md）
3. 保持视觉简洁清晰
4. 确保视觉与旁白内容一致

标准提示词公式：

Black and white hand-drawn sketch, [主体/动作], [风格细节], [构图], [氛围/情绪], white background, ink drawing style, RSA animation style

对于线条清晰分明的风格（推荐）：

Black and white technical illustration, clean vector-style lines, [主体], sharp geometric shapes, bold uniform outlines, high contrast black on white, [构图], [情绪], white background, precise linework, 16:9 aspect ratio

详细示例请参见 references/optimized-prompts-guide.md。

Step 4: Convert Images to SVG (Optional) / 步骤4：转换图片为SVG（可选）

Convert raster images (PNG/JPG) to SVG format for animation software using scripts/image_to_svg.py:

# Convert single image
python scripts/image_to_svg.py scene1.png

# Batch convert all images
python scripts/image_to_svg.py --batch ./images --output ./svgs

# Use specific method
python scripts/image_to_svg.py scene1.png --method vtracer

Prerequisites:

• Install Vtracer (recommended): https://github.com/visioncortex/vtracer
• Or install Potrace: http://potrace.sourceforge.net/

中文：

使用 scripts/image_to_svg.py 将位图（PNG/JPG）转换为 SVG 格式：

# 转换单个图片
python scripts/image_to_svg.py scene1.png

# 批量转换所有图片
python scripts/image_to_svg.py --batch ./images --output ./svgs

# 使用特定方法
python scripts/image_to_svg.py scene1.png --method vtracer

前提条件：

• 安装 Vtracer（推荐）：https://github.com/visioncortex/vtracer
• 或安装 Potrace：http://potrace.sourceforge.net/

Step 5: Review and Refine / 步骤5：审核和优化

Review the complete storyboard:

1. Timing check - Total duration matches target
2. Flow check - Scenes transition logically
3. Clarity check - Visuals support narration
4. Engagement check - Opening hooks attention, examples are relatable

Ask the user:

• "Does this storyboard cover all the points you wanted to teach?"
• "Are there any scenes you'd like to modify or add?"
• "Is the tone and style appropriate for your audience?"

中文：

审核完整的分镜表：

1. 时长检查 - 总时长符合目标
2. 流畅度检查 - 场景过渡逻辑清晰
3. 清晰度检查 - 视觉支持旁白
4. 吸引力检查 - 开场吸引注意力，示例贴近生活

询问用户：

• "这个分镜表是否涵盖了您想讲授的所有要点？"
• "是否有任何场景您想要修改或添加？"
• "语气和风格是否适合您的受众？"

---

Resources / 资源

scripts/

• image_to_svg.py - Convert raster images to SVG using Vtracer or Potrace

Usage:

python scripts/image_to_svg.py input.png
python scripts/image_to_svg.py --batch ./images --output ./svgs

references/

• storyboard-template.md - Standard storyboard format and structure (Bilingual)
• prompt-guide.md - Guidelines for creating hand-drawn image prompts (Bilingual)
• optimized-prompts-guide.md - Optimized prompts for clean, crisp line style (Bilingual)
• narration-guide.md - Best practices for writing narration scripts (Bilingual)
• common-metaphors.md - Visual metaphors library for common concepts (Bilingual)

assets/

• example-emotions-storyboard.md - Complete example: "Simple vs Complex Emotions" (Bilingual)
• storyboard-template.xlsx - Excel format storyboard template

---

Best Practices / 最佳实践

1. Start with the hook - The first 5 seconds must grab attention
2. One idea per scene - Keep each scene focused on a single concept
3. Show, don't just tell - Use visual metaphors to reinforce concepts
4. Conversational tone - Write narration as if speaking to a friend
5. Pacing matters - Allow time for viewers to process visual information
6. End with impact - Conclude with a memorable takeaway or call to action

---

Example Usage / 使用示例

User: "I want to create a whiteboard animation explaining SMART goals for new employees."

Process:

1. Ask clarifying questions about duration, audience level, specific examples needed
2. Create storyboard with 6-8 scenes covering S-M-A-R-T components
3. Generate hand-drawn prompts showing business metaphors (refer to references/common-metaphors.md)
4. Write conversational narration explaining each component with examples
5. Offer to convert generated images to SVG format
6. Review and refine based on user feedback