skills.rest
basmawebinfo-hub
basmawebinfo-hubCOMMUNITY
Explore all skills by this author →
GitHub

Visual Storyteller

Create cross-platform visual narratives with story arcs and emotional journeys.

Updated Jun 14, 2026
Search Tags:#data visualization#cross-platform#motion graphics#visual storytelling#storyboarding#brand narrative#multimedia design
One-click install
npx skills add https://github.com/basmawebinfo-hub/lover-diet-center --skill visual-storyteller-basmawebinfo-hub
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Visual Storyteller
Source: https://github.com/basmawebinfo-hub/lover-diet-center/tree/main/.opencode/skills/design-visual-storyteller
Command: npx skills add https://github.com/basmawebinfo-hub/lover-diet-center --skill visual-storyteller-basmawebinfo-hub

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps turn complex messages, data, and brand ideas into clear visual narratives that people understand, remember, and emotionally connect with across channels.

Core Features & Use Cases

  • Visual Narrative Design: Builds story arcs, emotional journeys, and brand-led visual concepts for campaigns, presentations, and product storytelling.
  • Multimedia Content Planning: Supports storyboards, motion graphics, video direction, interactive experiences, photography concepts, and custom illustration planning.
  • Cross-Platform Adaptation: Shapes visual content for formats like Instagram Stories, TikTok, YouTube, LinkedIn, Pinterest, and responsive web experiences while maintaining consistency.
  • Information Simplification: Translates dense information into infographics, data visualizations, and scannable visual systems.
  • Use Case: Use this Skill when launching a new product and you need one cohesive visual story that works as a landing page narrative, short-form social content, an explainer video, and an investor-facing infographic.

Quick Start

Ask the Visual Storyteller skill to create a cross-platform visual narrative for your campaign, including the story arc, emotional journey, key visual metaphors, and recommended content formats.

Frequently Asked Questions about Visual Storyteller

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

FAQPage Schema
How do I turn complex data into a visual narrative?▼

To build a visual narrative, translate dense data into story arcs and emotional journeys. This creates engaging multimedia communication that audiences understand and remember across brand touchpoints.

Can I adapt one visual story for TikTok, LinkedIn, and web platforms?▼

Cross-platform adaptation shapes visual content for platforms like TikTok and LinkedIn while maintaining brand consistency. It optimizes formats for specific platform requirements to ensure a cohesive narrative experience.

What is the best way to plan motion graphics and storyboard content?▼

Multimedia content planning designs storyboards and motion graphics concepts by defining visual metaphors and narrative structure. This aligns your multimedia communication with the intended emotional journey.

Does visual storytelling support accessibility compliance and cultural sensitivity?▼

Visual storytelling satisfies requirements for accessibility compliance and cultural sensitivity. It ensures multimedia narratives are inclusive and appropriately adapted for diverse audience contexts.

How do I create an infographic from dense information?▼

Information simplification translates complex information into scannable visual systems and data visualizations. This process transforms dense data into clear infographics for effective visual storytelling.

When do I need a cross-platform visual narrative for a campaign?▼

You need a cross-platform visual narrative when launching a product and requiring one cohesive story. It unifies landing page narratives, short-form social content, and explainer videos under a consistent brand message.

Related Skills

Explore More Design & Creative Skills→
WebWakaHubWebWakaHub
20

Visual Storyteller

Design visual narratives from complex information and brand messages.

Official
Advanced
gooseworks-aigooseworks-ai
6

create-motion-graphics-storyboard

Constructs storyboards with animations, durations, and music cues for Remotion renders.

Official
Advanced
elophantoelophanto
116

visual-storytelling

Generate visual storytelling workstreams with narrative, storyboard, and data visualization templates.

Community
Advanced
koralliskorallis
90

canvas-design

Generate visual designs and graphics using the HTML Canvas API.

Community
Intermediate