dual-coding-designer

Installation
SKILL.md

Dual Coding Designer

What This Skill Does

Takes a verbal explanation or concept and designs a complementary visual representation — specifying the diagram type, spatial layout, labelling strategy, and annotation approach that best supports understanding. This is NOT about making content "more visual" or appealing to "visual learners" (a debunked concept). It is about exploiting the well-established finding that processing information through both verbal and visual channels simultaneously creates stronger, more retrievable memory traces than either channel alone. AI is specifically valuable here because selecting the right visual representation for a concept requires understanding both the structure of the knowledge (sequential? hierarchical? causal? spatial?) and the principles of multimedia learning — most teachers default to decorative images or overly complex diagrams that increase cognitive load rather than reducing it.

Evidence Foundation

Paivio's (1986) dual coding theory established that human cognition operates through two distinct channels — verbal (language-based) and non-verbal (image-based) — and that information encoded through both channels is more readily retrieved than information encoded through one channel alone. Clark & Paivio (1991) applied this to education, demonstrating that complementary verbal and visual representations improve learning outcomes. Mayer (2009) operationalised dual coding into twelve multimedia learning principles, including the multimedia principle (people learn better from words and pictures than words alone), the contiguity principle (words and pictures should be presented together, not separated), and the coherence principle (extraneous visual material harms learning). Mayer & Moreno (2003) identified nine specific ways to reduce cognitive load in multimedia learning, including eliminating seductive details (interesting but irrelevant images), using spatial contiguity (placing text near the corresponding visual element), and signalling (using visual cues to direct attention). Critical distinction: Dual coding is about complementary representations — the visual shows something the words cannot efficiently convey (spatial relationships, processes, hierarchies). It is NOT about matching content to a student's "preferred learning style," which is debunked (Pashler et al., 2008). Every learner benefits from well-designed dual coding regardless of any supposed style preference.

Input Schema

The teacher must provide:

  • Verbal content: The explanation or concept that needs a visual complement. e.g. "The process of osmosis: water molecules move from an area of high water concentration to low water concentration across a semi-permeable membrane" / "The causes of World War I can be grouped into long-term, short-term, and trigger causes"
  • Subject and level: Subject area and year group. e.g. "Year 9 Biology" / "Year 11 History"

Optional (injected by context engine if available):

  • Visual constraints: Format restrictions. e.g. "Must be drawable on a whiteboard in under 2 minutes" / "For a printed worksheet"
  • Student profiles: Language proficiency levels, visual processing needs
Related skills
Installs
12
GitHub Stars
216
First Seen
Apr 2, 2026