data-storytelling-design

Design dashboard layouts with chart selection, UX hierarchy, and visual decluttering.

Updated May 19, 2026
One-click install
npx skills add https://github.com/TimeKast/AgendaInteligente --skill data-storytelling-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: data-storytelling-design
Source: https://github.com/TimeKast/AgendaInteligente/tree/main/.agent/skills/data-storytelling-design
Command: npx skills add https://github.com/TimeKast/AgendaInteligente --skill data-storytelling-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you design data visualizations and dashboards that communicate insights clearly, reduce visual noise, and guide users from context to action instead of overwhelming them with charts.

Core Features & Use Cases

  • Dashboard UX & Information Hierarchy: Organize KPIs, charts, and tables by audience level (strategic, tactical, operational) and decision tasks.
  • Chart Selection & Visual Composition: Match chart types to data relationships (trend, comparison, composition, distribution) and avoid common misuses.
  • Storytelling, Accessibility, and Attention Design: Apply a narrative arc (context → conflict → resolution), declutter with Gestalt principles, use preattentive attributes, and ensure color-blind and WCAG-safe visualization patterns.

Quick Start

Use the data-storytelling-design skill to design a dashboard page that chooses the right chart types, lays out KPIs by audience level, and structures the visuals as a narrative from insight to drill-down action.

Frequently Asked Questions about data-storytelling-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a dashboard with clear data visualization and UX hierarchy?

Dashboard data storytelling organizes KPIs, charts, and tables by audience level and decision tasks to reduce visual noise. It applies a decision-driven layout, attention-focused styling, and an actionable narrative structure to guide users from context to action.

What is the best way to select charts for dashboard data storytelling?

Chart selection for dashboard data storytelling matches chart types to specific data relationships like trend, comparison, composition, and distribution. This approach prevents common visual misuses by aligning graphical composition with the actual decision tasks users need to perform.

Can I apply accessibility-safe colors and decluttering to dashboard visuals?

Accessibility-safe colors and decluttering apply to dashboard visuals through WCAG-safe patterns, color-blind friendly practices, and Gestalt principles. This uses preattentive attributes to strip visual noise while ensuring the data narrative remains clear for all users.

How do I structure a strategic, tactical, and operational dashboard layout?

Structuring strategic, tactical, and operational dashboard layouts requires organizing KPIs, charts, and drill-down tables by audience level. This decision-driven hierarchy guides users from high-level context through conflict to resolution, ensuring actionable visual narratives.

Why does my dashboard overwhelm users with charts instead of driving decisions?

Dashboards overwhelm users when they lack a narrative structure and visual decluttering. Applying Gestalt principles, preattentive attributes, and a context-to-action narrative arc focuses attention on insights rather than displaying a cluttered chart overload.

Does dashboard data storytelling work for operational drill-down tables?

Dashboard data storytelling supports operational drill-down tables by embedding them within a decision-driven layout. It structures visuals as an actionable narrative, ensuring operational users can navigate from high-level trends to granular breakdowns effectively.