# AI Animation Skills

A collection of agent skills that generate single-file HTML animations, such as slideshow decks, flowcharts, network-protocol diagrams, and video storyboards, for AI coding agents like Claude Code and Cursor.

AI Animation Skills is a collection of Agent Skills for AI coding agents such as WorkBuddy, Claude Code, and Cursor. Each skill is a self-contained folder with a SKILL.md instruction file for the agent, a human-readable README, reference prompts, and template HTML assets. An agent activates the matching skill from a plain-language description and produces a complete single-file HTML animation.

The skills cover several kinds of animated output: slideshow-style presentations with themes and per-line fade-in effects, animated flowcharts and concept diagrams with glowing nodes and moving connectors, network-protocol visualizations, dynamic architecture and sequence diagrams, handwritten-style study notes, card-carousel presentations, and shot-by-shot video storyboards meant to be screen-recorded.

The project is written in HTML, CSS, and JavaScript and is MIT licensed.

Website: https://github.com/Unclecheng-li/AI_Animation