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

emergence.mdskills/presentation-creator/references/patterns/build/

id:
emergence
name:
Emergence
type:
pattern
part:
build
phase_relevance:
content, slides
vault_dimensions:
11, 13
detection_signals:
incremental diagram building, piece-by-piece reveal, animated assembly of complex visual
related_patterns:
composite-animation, traveling-highlights, crawling-code
inverse_of:
difficulty:
intermediate

Emergence

Summary

Gradually reveal a complex artifact — diagram, code listing, tool output — piece by piece using motion, transitions, and highlights, creating anticipation as the audience watches the complete picture come together.

The Pattern in Detail

Emergence is the principle that complex visuals should never be presented as a completed static display. Instead, the presenter builds the complex artifact incrementally, adding one component at a time, allowing the audience to absorb each piece before the next arrives. The audience watches an architecture diagram assemble itself node by node, a code listing grow function by function, or a data flow materialize connection by connection. The complete reveal at the end becomes a climax — a moment of satisfying synthesis where the audience sees the whole for the first time and understands how all the pieces fit together.

The psychological foundation of Emergence is the same principle that makes jigsaw puzzles satisfying: the gradual assembly creates both comprehension and anticipation. When you show a complex architecture diagram all at once, the audience's cognitive load spikes as they try to parse nodes, connections, labels, and relationships simultaneously. Most viewers give up within seconds and wait for the presenter to explain it — but by then, the visual has become wallpaper rather than a learning tool. When you build the same diagram one component at a time, each addition is manageable, and the audience actively participates in the construction by predicting what comes next and checking their understanding against each new piece.

The implementation of Emergence varies by content type. For diagrams, the most common approach is to create the final diagram and then work backward, creating versions with components removed. Each slide (or animation step) adds one or two components, with the presenter explaining each addition before advancing. In Keynote, the Magic Move transition makes this particularly elegant: you duplicate the slide, add the next component, and Keynote animates the transition so existing elements stay in place while the new element appears. In PowerPoint, Morph serves the same function.

For code, Emergence means showing an empty editor or file and building the code block by block. Start with the overall structure (class definition, function signatures), then fill in implementations one method at a time. This mirrors the actual development process and gives the audience a mental model of not just what the code does but how it was designed. For tool output, Emergence means running (or simulating) the tool and showing results appearing in stages — first the configuration, then the execution, then the output, then the analysis of the output.

The pacing of Emergence is critical. Each step must receive enough screen time for the audience to absorb the new component and understand its relationship to what was already shown. Rushing the assembly undermines the entire purpose — if pieces appear too quickly, the audience cannot maintain their mental model and the final reveal produces confusion rather than synthesis. Conversely, each step must add enough new information to justify its existence; too many micro-steps make the assembly feel tedious rather than revelatory. The sweet spot is typically five to eight major steps for a complex diagram, with each step adding a meaningful unit of understanding.

When to Use / When to Avoid

Use Emergence for any complex visual that would be overwhelming if presented all at once — architecture diagrams, system flows, organizational charts, code listings longer than ten lines, multi-step processes, and layered data visualizations. The more complex the final artifact, the more essential Emergence becomes.

Avoid Emergence for simple visuals that the audience can parse in a single glance. A bar chart with three bars does not need to be built incrementally. Also avoid it when time constraints are severe — Emergence takes more time than a static display, and in a five-minute lightning talk, the assembly process may consume too much of your allotted time.

Detection Heuristics

When scoring talks, watch for complex visuals that appear incrementally rather than all at once. Diagrams that grow over time, code that builds function by function, and system flows that add connections progressively are all positive signals. Note whether the presenter explains each addition before advancing or simply rapid-fires through the assembly without narration.

Scoring Criteria

  • Strong signal (2 pts): Complex visuals built incrementally with clear pacing, each addition narrated and contextualized, and the complete reveal serving as a satisfying synthesis moment
  • Moderate signal (1 pt): Some incremental building present but inconsistent — some complex visuals built piece by piece while others are shown fully assembled, or pacing that is too fast for effective comprehension
  • Absent (0 pts): Complex visuals displayed as static, fully assembled images with no incremental building, forcing the audience to parse the entire visual at once

Relationship to Vault Dimensions

Dimension 11 (Demonstrations and Tools): Emergence enhances the presentation of tool outputs, code, and system diagrams by making their construction visible and comprehensible, rather than presenting them as fait accompli. Dimension 13 (Slide Aesthetics): The animated assembly of complex visuals represents sophisticated slide design that transforms static information displays into dynamic visual narratives.

Combinatorics

Emergence pairs naturally with Composite Animation, as the incremental building of a visual is itself a form of animation composition. It works well with Traveling Highlights, which can emphasize each newly added component as it appears, ensuring the audience's attention follows the construction process. Crawling Code applies Emergence principles specifically to code, building listings line by line or block by block with contextual shading to maintain focus.

Install with Tessl CLI

npx tessl i jbaruch/speaker-toolkit@0.5.1

skills

presentation-creator

references

patterns

_index.md

guardrails.md

process.md

slide-generation.md

SKILL.md

CHANGELOG.md

README.md

tile.json