visual-storytelling-design_skill

Overview

This skill helps you transform data into clear, compelling visual narratives for articles, presentations, infographics, and web stories. It focuses on structuring a story arc, guiding attention with annotations, and revealing complexity progressively so readers grasp the insight quickly and accurately.

How this skill works

The skill guides you through a four-step workflow: define the narrative, choose an appropriate structure, apply cognitive techniques (annotations, framing, progressive disclosure), and review for clarity and integrity. It offers templates and decision paths for building narrative structure, mastering annotations, designing scrollytelling, and applying framing and metaphors.

When to use it

• Creating a data-driven article, report, or investigative piece that needs a clear narrative arc
• Designing an infographic or slide deck that must communicate a single insight fast
• Building a web-based scrollytelling experience that reveals evidence progressively
• Annotating charts to prevent misinterpretation and highlight key takeaways
• Framing data with baselines and comparisons to ensure honest interpretation

Best practices

• Lead with the insight, not the dataset or topic; make the main finding the headline
• Annotate directly on visuals (callouts, labels, arrows) so the insight is obvious in ~5 seconds
• Provide context: baselines, denominators, and relevant comparisons to avoid misleading impressions
• Apply one interaction at a time in scrollytelling—highlight OR annotate, never both simultaneously
• Review for integrity: show full data range, cite sources, and surface limitations or uncertainty

Example use cases

• A news feature that explains why a recent policy shift altered employment trends using annotated charts
• A corporate presentation that turns quarterly metrics into a short narrative: context → problem → insight
• An infographic that compares regional health outcomes with clear baselines and visual metaphors
• A scrollytelling piece that gradually reveals causation using stepwise charts and focused annotations
• Annotating a complex chart for a client to ensure stakeholders draw the correct operational conclusion