multimedia-learning-design

Solid

Apply Mayer's multimedia learning principles to design effective audio, video, graphics, and animations that reduce cognitive load

Web & Frontend 1,160 stars 71 forks Updated today MIT

Install

View on GitHub

Quality Score: 96/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Multimedia Learning Design Apply Mayer's multimedia learning principles to design effective audio, video, graphics, and animations that reduce cognitive load. ## Overview This skill enables the design of effective multimedia learning experiences based on cognitive science research. It encompasses application of Mayer's principles, cognitive load management, and media selection to create engaging and effective learning content. ## Capabilities ### Mayer's Principles Application - Multimedia principle (words and graphics) - Contiguity principle (spatial and temporal) - Modality principle (audio and graphics) - Redundancy principle (avoid duplication) - Coherence principle (remove extraneous) ### Cognitive Load Management - Manage intrinsic load - Minimize extraneous load - Optimize germane load - Segment complex content - Pre-train on key concepts ### Media Selection - Choose appropriate media types - Balance visual and auditory channels - Design effective graphics - Create purposeful animations - Integrate video appropriately ### Design Application - Apply signaling techniques - Design for personalization - Use voice appropriately - Create effective visuals - Ensure accessibility ## Usage Guidelines ### Design Process 1. Analyze learning content 2. Assess cognitive demands 3. Select appropriate media 4. Apply design principles 5. Review and iterate 6. Test with learners ### Principle Application Guidelines - Present words and graphics together - Place text near re...

Details

Author
a5c-ai
Repository
a5c-ai/babysitter
Created
4 months ago
Last Updated
today
Language
JavaScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

managing-media

Implements media and file management components including file upload (drag-drop, multi-file, resumable), image galleries (lightbox, carousel, masonry), video players (custom controls, captions, adaptive streaming), audio players (waveform, playlists), document viewers (PDF, Office), and optimization strategies (compression, responsive images, lazy loading, CDN). Use when handling files, displaying media, or building rich content experiences.

368 Updated 5 months ago
ancoleman
AI & Automation Listed

cognitive-accessibility

Improve content and workflows for users with varied attention, memory, and executive function profiles. Use when user asks to 'simplify content', 'reduce cognitive load', 'improve readability', 'chunk content', 'make accessible for ADHD', 'help with focus'.

2 Updated 2 days ago
humanity4ai
AI & Automation Solid

learning-transfer-design

Design instructional strategies that promote knowledge and skill transfer to real-world application contexts

1,160 Updated today
a5c-ai
Web & Frontend Listed

alterlab-nmc-multimedia-story

This skill should be used when the user asks about "multimedia storytelling", "interactive story", "longform web feature", "cross-platform narrative", "scrollytelling", "immersive journalism", "act as a multimedia story builder", "multimedia story mode", "web documentary", "transmedia narrative", "visual storytelling", "digital longform", "parallax story", "Shorthand", "Scrollama", "StoryMap", "interactive feature", "Juxtapose", or needs expertise in designing and producing cross-platform narrative experiences for the web. Part of the AlterLab FC Skills collection (New Media & Communication department).

0 Updated today
prone-dc302
AI & Automation Listed

neurodiversity-aware-design

Design for diverse cognitive processing. Use when user asks to 'make ADHD-friendly', 'autism-friendly design', 'sensory-friendly', 'reduce cognitive overload', 'dyslexia-friendly', 'neurodiversity design'.

2 Updated 2 days ago
humanity4ai