CtrlK
BlogDocsLog inGet started
Tessl Logo

jbaruch/speaker-toolkit

Two-skill presentation system: analyze your speaking style into a rhetoric knowledge vault, then create new presentations that match your documented patterns. Includes an 88-entry Presentation Patterns taxonomy for scoring, brainstorming, and go-live preparation.

Overall
score

95%

Does it follow best practices?

Validation for skill structure

Overview
Skills
Evals
Files

traveling-highlights.mdskills/presentation-creator/references/patterns/build/

id:
traveling-highlights
name:
Traveling Highlights
type:
pattern
part:
build
phase_relevance:
slides
vault_dimensions:
11, 13
detection_signals:
animated focus indicators, zoom-to-detail on code, highlighted regions on diagrams
related_patterns:
crawling-code, emergence
inverse_of:
laser-weapons
difficulty:
intermediate

Traveling Highlights

Summary

Use animated highlights — boxes, arrows, opacity changes, zoom effects — to draw attention to specific parts of dense slides like code or diagrams, building the highlighting directly into the presentation rather than relying on a laser pointer.

The Pattern in Detail

Traveling Highlights is the practice of building animated focus indicators directly into your slides to guide the audience's attention to specific regions of complex visual content. Instead of using a laser pointer (which is unreliable, invisible to remote attendees, and shakily operated by nervous hands), you embed the emphasis into the presentation itself. Boxes appear around the relevant code block. Arrows point to the critical connection in a diagram. Irrelevant portions fade to low opacity while the focal area brightens. The camera zooms smoothly into the detail you are discussing. These are Traveling Highlights — attention-directing animations that travel across your content as your narrative progresses.

The technical implementation varies by tool. In Keynote, the Magic Move transition is particularly effective: you duplicate a slide, move or resize elements on the duplicate, and Keynote automatically animates the transition between the two states. This makes it easy to create zoom-to-detail effects, pan across large diagrams, or shift highlight boxes from one region to another. In PowerPoint, the Morph transition provides equivalent functionality. Both tools also support simpler techniques: appearing and disappearing shapes (rectangles with colored borders, semi-transparent overlays), motion path animations for arrows, and entrance/exit animations for callout text.

The reason Traveling Highlights is so effective lies in cognitive science. When a dense slide appears — a full code listing, an architecture diagram, a complex chart — the audience's eyes scatter across the entire image, trying to process everything at once. This is overwhelming and leads to cognitive shutdown; the audience stops trying to understand and simply waits for the presenter to explain. Traveling Highlights solve this by giving the audience explicit permission to look at just one part at a time. The highlight says "look here now," and the audience gratefully complies.

For code slides, Traveling Highlights are especially important. A full-screen code listing is one of the densest information displays in any presentation. Without guidance, the audience has no idea which line matters, which function is being discussed, or where the bug lives. With Traveling Highlights, you can dim all lines except the three you are currently explaining, draw a box around the critical variable, or zoom into a specific method. The same code slide can be reused across multiple animation steps, each revealing a different focal point, transforming a static wall of text into a guided tour.

The inverse of Traveling Highlights is the Laser Weapons antipattern, where presenters use physical laser pointers to indicate regions of interest. Laser dots are tiny, shaky, invisible on recordings, and useless for remote audiences. They also require the presenter to face the screen rather than the audience. Traveling Highlights solve all of these problems by embedding the guidance permanently into the slide deck, making it work for live audiences, remote viewers, and anyone reviewing the slides later.

When to Use / When to Avoid

Use Traveling Highlights whenever your slides contain dense or complex visual content that requires guided reading — code listings, architecture diagrams, data visualizations, detailed charts, or annotated screenshots. The more complex the visual, the more essential the highlights become.

Avoid overusing Traveling Highlights on simple slides where the content is self-evident. A slide with a single large image and three words does not need animated highlighting. Also avoid overly complex highlight animations that become a distraction in themselves — the highlights should guide attention, not demand it.

Detection Heuristics

When scoring talks, look for animated emphasis on complex slides: boxes appearing around code, arrows pointing to diagram components, opacity changes that dim irrelevant content, or zoom effects that magnify specific regions. Note whether the presenter uses a laser pointer (negative signal) or built-in animations (positive signal) to direct attention on dense slides.

Scoring Criteria

  • Strong signal (2 pts): Consistent use of built-in animated highlights on complex slides — code, diagrams, and dense visuals — with smooth animations that guide attention effectively without distraction
  • Moderate signal (1 pt): Some animated highlighting present but inconsistent, or highlights that are visually rough (jerky animations, poorly positioned boxes, distracting transitions)
  • Absent (0 pts): Dense slides presented without any visual guidance, or reliance on a laser pointer to indicate regions of interest

Relationship to Vault Dimensions

Dimension 11 (Demonstrations and Tools): Traveling Highlights enhance the clarity of tool demonstrations by focusing attention on specific interface elements, outputs, or code regions during the explanation. Dimension 13 (Slide Aesthetics): Well-executed Traveling Highlights significantly elevate the visual professionalism of a presentation, turning dense information slides into guided visual experiences.

Combinatorics

Traveling Highlights works closely with Crawling Code, which deals specifically with scrolling and highlighting code. The two patterns are complementary: Crawling Code handles the vertical navigation of code listings, while Traveling Highlights handles the horizontal focus within any given visible portion. Traveling Highlights also pairs with Emergence, where the gradual revealing of a complex visual can be enhanced by highlighting each newly revealed component as it appears.

Install with Tessl CLI

npx tessl i jbaruch/speaker-toolkit

skills

presentation-creator

references

patterns

_index.md

guardrails.md

process.md

slide-generation.md

SKILL.md

CHANGELOG.md

README.md

tile.json