Rsa Whiteboard Teacher

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

9 stars 1 forksFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add tangyc828/RSA-Whiteboard-Animation --skill rsa-whiteboard-teacher
Manual install
git clone --depth 1 https://github.com/tangyc828/RSA-Whiteboard-Animation.git /tmp/RSA-Whiteboard-Animation
mkdir -p ~/.claude/skills
cp -r /tmp/RSA-Whiteboard-Animation/. ~/.claude/skills/rsa-whiteboard-teacher

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# 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. 确定目标受众(年龄、背景、专业水平)
Read the full skill on GitHub

Details

Skill name
rsa-whiteboard-teacher
Repo updated
21 March 2026

FAQ

What does the Rsa Whiteboard Teacher skill do?

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

How do I install the Rsa Whiteboard Teacher skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add tangyc828/RSA-Whiteboard-Animation --skill rsa-whiteboard-teacher. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Rsa Whiteboard Teacher popular?

It lives in tangyc828/RSA-Whiteboard-Animation, which has 9 GitHub stars and 1 forks.

Related skills

Wcag Accessibility

9

mrKanoh/wcag-accessibility-audit-skill

WCAG 2.1/2.2 AA accessibility skill: audits, remediation, ARIA roles and patterns, keyboard navigation, focus management, screen reader behavior (NVDA, JAWS, VoiceOver, TalkBack), color contrast, accessible components (modals, menus, tabs, forms, tables, comboboxes), React, Vue, Angular, Svelte and Next.js, mobile a11y (React Native, SwiftUI, Compose), cognitive accessibility, legal compliance (ADA, EAA, Section 508, EN 301 549, VPAT/ACR) and CI testing (axe-core, pa11y, Playwright). Use when the user asks whether UI is accessible or passes WCAG, asks about ARIA, focus traps, live regions, ski

Frontend & Design

Pair Design

9

mary13/pair-design-agent-skill

Use this skill for collaborative UX/UI design work — designing user flows, creating wireframes or prototypes, working through interaction design problems, or making structured design decisions where iteration and rationale matter. Triggers include: 'design a flow', 'create a wireframe', 'let's pair design', 'I need to design X', 'walk me through designing Y', requests for prototype screens, mentions of UX/UI methodology, interaction design, information architecture, or service design. The skill enforces a disciplined one-artifact-at-a-time methodology with clear human-AI roles (Synth/Gen) and

Frontend & Design

Web Card Game

9

mars-tw/web-card-game-skill

維護「阿軒卡牌對戰」時使用。這是一款原生 HTML/CSS/JS 網頁 TCG,包含對戰、卡包、收藏、牌組工作台、每日任務、收藏里程碑與週任務。

Frontend & Design

Obsidian Theme Designer

9

XiangyuSu611/obsidian-theme-designer

Use when the user wants to design, preview, or customize an Obsidian vault theme — including choosing styles, comparing color schemes, adjusting typography, or generating CSS snippets. Triggers on keywords like "Obsidian theme", "color scheme", "CSS snippet", "appearance".

Frontend & Design

App UI Slopless

10

massipetro/app-ui-slopless

Visual design and UX for native app screens in SwiftUI (iOS and macOS), Jetpack Compose and Compose Multiplatform (KMP). Use whenever the user wants to design, build, restyle, redesign, theme or audit how an iOS, Android or Mac screen, window, flow, component or design system looks and feels — e.g. a screen that looks generic, boring, stock Material or "AI-made"; picking a type scale, colour palette or theme code; giving an app a style (warm premium, neo-brutalist, playful, editorial); or a UX critique of a mobile or Mac screen or screenshot (hierarchy, tap targets, thumb reach, sidebar and to

Frontend & Design

Frontend Expert

9

sukirman1901/frontend-expert

Chat-first frontend UI quality suite — 33 skills across UI Quality, Responsive, Ship FE, and Depth pillars. Token decision tree, compliance gates, anti-AI-slop, motion vocabulary (12 families), marketing landing recipes, and quality loop. Auto-loads on any UI/build/audit/polish request — no slash commands needed.

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.