mira-img-animator

Community

Turn images into interactive D3.js animations

Authorsandeco
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables turning static images (photos, logos, diagrams) into engaging, interactive D3.js visuals, saving time and enabling dynamic web experiences.

Core Features & Use Cases

  • Convert images into standalone HTML animations powered by D3.js via CDN, with base64-embedded images for self-contained files.
  • Support multiple animation styles such as particles, wave, dissolve, and draw-on effects, selectable from a catalog.
  • Works with JPG, PNG, SVG, GIF and WebP formats and outputs a responsive, single-file HTML.

Quick Start

Generate a standalone HTML file that animates the provided image using a particle-based D3.js implementation.

Dependency Matrix

Required Modules

Pillownumpy

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mira-img-animator
Download link: https://github.com/sandeco/mira-animator/archive/main.zip#mira-img-animator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.