Sign in
← Back to marketplace
II

Interactive Explainer Infographic

Generate an interactive HTML infographic that explains a concept with sliders, steps, and animations. Beyond static images.

Content Creationcontent-creationp4
Or just install the prompt above — no subscription needed

About this skill

name: interactive-explainer-infographic description: Generate an interactive HTML infographic that explains a concept with sliders, steps, and animations. Beyond static images. Use when working on interactive explainer infographic.

Interactive Explainer Infographic

Produces a dynamic web artifact with steppers or sliders you can share in a proposal or embed in a doc. Great for making a complex idea feel tangible in a sales or teaching context. Use when a slide would flatten the idea and a live tool would sell it better.

What you get

  • Interactive HTML artifact
  • Embeddable link
  • State controls (sliders, steppers)
  • Step-by-step walkthrough
  • Downloadable file
  • Mobile-responsive version

Customize your output

  • Concept: free text
  • Audience: exec, technical, general
  • Interaction model: slider, stepper, animation, tabs
  • Brand colors: palette
  • Length: 1 screen, 3 screens, tour
  • Voice: expert, teacher, marketer

Example output

'A compound interest visualizer where changing rate and years animates a growth curve.'

Best for

Agencies, educators, product marketers.

Note: High confidence. Best for concepts that benefit from a live tweakable parameter.

Source: Craig Hewitt (Castos) · https://www.youtube.com/watch?v=KuUzUBg78gM Category: Content Creation · Priority: P4

SKILL.md preview

---
name: interactive-explainer-infographic
description: Generate an interactive HTML infographic that explains a concept with sliders, steps, and animations. Beyond static images. Use when working on interactive explainer infographic.
---

# Interactive Explainer Infographic

Produces a dynamic web artifact with steppers or sliders you can share in a proposal or embed in a doc. Great for making a complex idea feel tangible in a sales or teaching context. Use when a slide would flatten the idea and a live tool would sell it better.

## What you get

- Interactive HTML artifact
- Embeddable link
- State controls (sliders, steppers)
- Step-by-step walkthrough
- Downloadable file
- Mobile-responsive version

## Customize your output

- **Concept**: free text
- **Audience**...