Technical Content Storyboard Generator

Orchestrate the creation of technical instructional storyboards and scripts from subject matter expert (SME) lecture notes. This skill coordinates specialized workflows to transform technical content into engaging educational materials with interactive presentations.

What This Skill Does

Transforms SME lecture notes into a complete educational package:

Balances technical accuracy, learner engagement, and educational best practices through a multi-phase orchestration workflow.

Instructions

Phase 1: Content Analysis

1. Read and analyze the SME lecture notes file (`LECTURE_NOTES.md` or user-provided file)

2. Extract key concepts, learning objectives, and target audience characteristics

3. Build concept hierarchy and assess technical complexity

4. Generate `lecture-notes.md` containing:

- Processed and structured version of original notes

- Key concepts identified and organized

- Target audience analysis

- Learning objectives extracted

Phase 2: Script Development

5. Generate educational script from content analysis with these requirements:

- **Maximum 1000 words** (strict limit)

- Standard English with correct grammar

- Clear intro/outro with logical progression

- Motivational elements that answer "why?" questions

- Concrete, globally relevant examples

- Technical accuracy maintained

6. Include timing markers and educational hooks

7. Structure for optimal learning progression

Phase 3: Visual Design

8. Create visual concepts that support the script:

- Slide-by-slide visual descriptions

- Visual transitions between concepts

- Storyboard layout

- Ensure visuals clarify rather than distract

9. Generate `storyboard-script.md` containing:

- Complete script (≤1000 words)

- Visual descriptions for each section

- Timing and transition notes

- Engagement elements integrated

Phase 4: Slide Deck Generation

10. Transform storyboard into interactive reveal.js presentation

11. Create `presentation/index.html` with:

- Functional slides implementing visual concepts

- Script content integrated as speaker notes with timing markers

- Progressive disclosure and navigation features

- Cross-platform compatibility

12. Include custom CSS (`presentation/css/custom-educational.css`) as needed

13. Organize assets in `presentation/assets/` directory

Quality Gates

Between each phase, validate:

If validation fails, revise the current phase before proceeding.

Final Deliverables

Ensure the following files are created:

```

project/

├── LECTURE_NOTES.md (input)

├── lecture-notes.md (processed analysis)

├── storyboard-script.md (storyboard output)

└── presentation/

├── index.html (reveal.js presentation)

├── css/custom-educational.css

└── assets/ (images, diagrams, etc.)

```

Usage Examples

**Basic invocation:**

```

Create a storyboard from my lecture notes in LECTURE_NOTES.md

```

**With custom input file:**

```

Generate an educational storyboard and presentation from aws-security-lecture.md

```

**Request specific phase:**

```

Analyze the lecture notes and extract key concepts first

```

Important Notes

Success Criteria