explaingit

sandeco/mira-animator

Analysis updated 2026-05-18

12HTMLAudience · pm founderComplexity · 3/5Setup · moderate

TLDR

A Claude Code agent pipeline that turns your project files or PDFs into animated D3.js HTML slide decks.

Mindmap

mindmap
  root((Mira))
    What it does
      Builds animated HTML decks
      Reads linked sources
      Agent pipeline workflow
    Tech Stack
      D3.js
      Tailwind CSS
      HTML
      Claude Code
    Use Cases
      Lesson chapter decks
      Project pitch decks
      Social media formats
    Audience
      Founders
      Educators
    Setup
      Install via npx
      Link a source folder or PDF
      Build deck through agents

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Turn a project's source files or a PDF into an animated slide deck automatically.

USE CASE 2

Generate a lesson chapter, project pitch, or technical demo deck from existing content.

USE CASE 3

Create a square or vertical version of a deck for social media.

USE CASE 4

Replace a deck's default scroll with a real dissolve transition between slides.

What is it built with?

D3.jsTailwind CSSHTMLClaude CodeNode.js

How does it compare?

sandeco/mira-animatorhadley/htmlbookkhaosdoctor/dontquotetheai
Stars121212
LanguageHTMLHTMLHTML
Last pushed2023-01-26
MaintenanceDormant
Setup difficultymoderatemoderateeasy
Complexity3/52/51/5
Audiencepm founderwriterdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires Claude Code and linking an external content source before building a deck.

In plain English

Mira (short for Intelligent Recursive Animated Metaphors) is a toolkit for creating animated HTML slide decks from the content of existing projects, books, or PDFs. It works through a pipeline of AI agents that run as Claude Code skills, and it outputs self-contained HTML files that use D3.js animations, Tailwind CSS, and a glassmorphism visual style. The tool installs into a dedicated folder separate from your actual project. Rather than modifying your source material, you link external folders or PDF files as content sources. The agents read from those sources and write finished slides only into a local decks folder, keeping everything isolated. Building a presentation involves a sequence of nine named agents. The first reads the linked source and generates a content brief. A planner agent then turns that brief into a slide-by-slide plan for your approval. Subsequent agents handle copywriting, assembling the HTML layout, adding D3.js animations, adjusting animation scale on a 1-to-10 dial, transforming a slide's animation into a visual metaphor for the concept it explains, generating static charts and diagrams, and producing a final compliance check. Three starting templates are available (lesson chapter, project pitch, technical demo) and four visual themes (dark, light minimal, corporate blue, neon emerald). Once you have a deck, additional variant agents can produce a square 1080x1080 version for social media feeds, a vertical 1080x1920 version for short-form video, a thirds-layout version that leaves one column free for overlaying a presenter video, and a crossfade transition version that replaces the default scroll between slides with a dissolve effect. The README is written in Portuguese. Installation runs through a single npx command.

Copy-paste prompts

Prompt 1
Install mira-animator in a new folder and link my project as a content source.
Prompt 2
Use the mira-new skill to start a project pitch deck from my linked source.
Prompt 3
Fill my deck with content from the linked source about chapter one.
Prompt 4
Create a vertical 1080x1920 version of my finished deck for short-form video.

Frequently asked questions

What is mira-animator?

A Claude Code agent pipeline that turns your project files or PDFs into animated D3.js HTML slide decks.

What language is mira-animator written in?

Mainly HTML. The stack also includes D3.js, Tailwind CSS, HTML.

How hard is mira-animator to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is mira-animator for?

Mainly pm founder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.