What is scrollytelling in data design?

Scrollytelling is a narrative pattern where data visualizations reveal themselves progressively as the user scrolls, helping to manage complexity and maintain engagement.

How does this skill help with data integrity?

It provides checklists and framing guidance to ensure you are providing honest baselines, citing sources, and avoiding cherry-picked data points.

Does this skill generate D3.js or Python code?

This skill focuses on the design strategy and narrative architecture. For specific implementation code, you should use specialized skills like d3-visualization.

Can I use this for business presentations?

Yes, it is highly effective for transforming standard business charts into persuasive narratives that lead with insights rather than just displaying raw topics.

Visual Storytelling Design

Name: Visual Storytelling Design
Author: lyndonkl

bylyndonkl

•

디자인 도구

Transforms raw data into compelling narrative structures for data journalism, presentations, and infographics.

Visual Storytelling Design is a specialized skill designed to bridge the gap between raw data sets and human understanding by applying narrative architecture and cognitive design principles. It provides structured workflows for creating data-driven articles, annotated charts, and scrollytelling experiences, ensuring that insights are not just seen but remembered. By guiding users through framing, progressive disclosure, and contextual annotation, this skill enables the creation of persuasive, high-integrity visual stories that enhance audience retention and engagement across digital and print mediums.

주요 기능

01Narrative arc mapping (Context → Problem → Evidence → Insight)

02Advanced annotation techniques for guided data interpretation

03Integrity checklists to ensure balanced and honest data reporting

0436 GitHub stars

05Scrollytelling design patterns for progressive web disclosure

06Contextual framing and visual metaphor application

사용 사례

01Developing annotated infographics that guide readers to key insights

02Creating interactive scrollytelling web experiences for data journalism

03Designing data-rich presentation decks with clear narrative arcs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lyndonkl/claude visual-storytelling-design

For use in Claude.ai and ChatGPT

Download Skill