This project organizes AI prompts for generating [cool HTML animated web pages], covering animation effects, 3D visualization, PPT-style presentations, UI enhancement, and more.
AI Animation Skills is a collection of agent instructions and templates for generating single-file HTML animations, including presentations, diagrams, protocol visualizations, phone interfaces, and video-style scenes. People use the skills with AI coding agents to create animated web pages from descriptions or templates. The catalogue entries are the collection's individual generation workflows.
Skill Claude CodeCodex
A tool for creating animated HTML presentations with a narrated sidebar and a rotating set of three-dimensional cards. The cards can show steps, concepts, or comparisons.
Skill Claude CodeCodex
Create professional architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as standalone animated HTML files with SVG graphics, flowing animation effects, a built-in dark/light theme toggle, and one-click export to PNG / JPEG / WebP / SVG / GIF / WebM. Accepts plain-language descriptions or pasted…
Skill Claude CodeCodex
A tool for creating animated HTML flowcharts, concept maps, timelines, comparisons, and explanations of how models or protocols work.
Skill Claude CodeCodex
A tool for creating animated HTML explanations of how computer-network protocols work. Protocols are agreed rules that devices use to communicate.
Skill Claude CodeCodex needs its repo
A tool for making cinematic web demonstrations that present information inside a realistic smartphone interface, such as notifications, chats, settings, or an app screen.
Skill Claude CodeCodex
A tool for creating single-file HTML presentations that behave like slide decks, with animated page changes and several visual themes.
Skill Claude CodeCodex
A tool that turns technical material, security analysis, or study summaries into a single-page HTML notebook styled like handwritten paper or a leather journal.
Skill Claude CodeCodex
A workflow for creating animated HTML pages, one page per video shot, lesson segment, or narrated scene. It combines a shared player structure with different visual designs for each shot.
Skill Claude CodeCodex
A single-file HTML animation that presents data as a sequence of layered cards. Cards can show charts, numbers, comparisons, tables, icons, and short conclusions while playing automatically.
Skill Claude CodeCodex
A toolkit for creating realistic, animated web pages that imitate a Windows 11 computer screen. It can show desktops, menus, file windows, alerts, cursor movements, and teaching labels as a narrated demonstration.
Skill Claude CodeCodex
A skill for making video storyboard animations as standalone HTML scenes in a Swiss graphic-design style. Each scene uses a content-matched chart or diagram, such as a timeline, flow, comparison, or matrix.
Skill Claude CodeCodex
Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light themes, optional trace motion, and PNG/JPEG/WebP/SVG/WebM export. Accept plain-language requirements or pasted Mermaid flowchart, sequenceDiagram, and…
Skill Claude CodeCodex
Create technical and product diagrams — architecture, flowchart, sequence, state machine, ER / data model, timeline, swimlane, quadrant, nested, tree, org chart, layer stack, venn, pyramid — as standalone HTML files with inline SVG. Ships with a neutral editorial skin and a first-run gate that prompts users to…
Skill Claude CodeCodex
Leaves sweep through the frame and part to reveal the headline. HyperFrames block, 1920×1080, 12s, 11 variables.
Skill Claude CodeCodex
A tiled headline surface flips cell by cell under a sweeping depth field to reveal the rear headline. HyperFrames block, 1920×1080, 8s, 18 variables.
Skill Claude CodeCodex
A chain of bevelled cuboids rides a travelling wave as a content carousel. HyperFrames block, 1920×1080, 6.666666666666667s, 40 variables.
Skill Claude CodeCodex
An orbiting camera follows an ice logo as it breaks apart, reforms into two text moments, and fades. HyperFrames block, 1920×1080, 22.5s, 216 variables.
Skill Claude CodeCodex
Glass shards fly in through fog and tile themselves into the headline. HyperFrames block, 1920×1080, 12.16s, 19 variables.
Skill Claude CodeCodex
Warm orange avatars land in an overlapping stack while the online count rises. Function: collaboration / presence / team.
Skill Claude CodeCodex
A gold medal pops in with red ribbons and a dashed celebration ring. Function: achievement unlock for gamified or milestone moments.
Skill Claude CodeCodex
A packing-slip barcode sits on paper stock while a cyan laser sweeps across the bars and confirms verification. Function: scan / verify, logistics energy — not kinetic type or neon glow.
Skill Claude CodeCodex
A oversized battery fills from 8% critical red to 100% lime. Function: power / charge / capacity status.
Skill Claude CodeCodex
A navy blueprint grid fills as construction lines draft across the sheet and lock a plan box. Function: engineering / architecture reveal.
Skill Claude CodeCodex
A hardcover spread opens from the spine — left and right pages rotate into place on a stone-gray stage. Function: story object reveal, editorial and narrative products.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: