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 magazine-style split screen: charcoal left, cream right, joined by a crimson wipe bar. Functionally this is a contrast reveal for editorial storytelling, not a glow loop.
Skill Claude CodeCodex
Red curtains part, a spotlight drops, and the feature title takes center stage. Function: theatrical product debut, not dashboard chrome.
Skill Claude CodeCodex
Three warm orange cards deal into a staggered stack beside a product title. Function: feature deck reveal, like briefing slides fanning open.
Skill Claude CodeCodex
A release certificate sits on white paper stock until a heavy red rubber stamp strikes APPROVED. Function: authorization / clearance — bureaucratic object motion.
Skill Claude CodeCodex
A registry table flips the downloads arrow and reorders the top row to the highest count. Function: data table / sort affordance.
Skill Claude CodeCodex
A skewed stripe “tape” wipes off to reveal warm bokeh. Function: transition / media entrance.
Skill Claude CodeCodex
A serif breaking headline sits above a continuous amber ticker. Functionally it is a live-feed metaphor for registry activity.
Skill Claude CodeCodex
A dark edit timeline advances its playhead while the timecode ticks. Function: editor / scrub / review.
Skill Claude CodeCodex
Three product toasts (success → info → warning) slide in and settle. Function: system feedback / notification stack.
Skill Claude CodeCodex
A preferences card flips Auto-publish from off to on. Function: settings / feature flag enable.
Skill Claude CodeCodex
A green value packet travels the rail while balances debit and credit live. Function: payout / transfer / fintech move.
Skill Claude CodeCodex
Three stacked headlines cascade into place with a cyan accent rule. This piece is a pure kinetic-type hero for UI2V marketing surfaces.
Skill Claude CodeCodex
A terminal window types a ui2v publish command, then prints success lines. Function: developer ritual / CLI demo, not abstract motion.
Skill Claude CodeCodex
A mint drop zone catches a zip card and fills a progress bar to ready. Function: import / upload / asset intake.
Skill Claude CodeCodex
A dark vinyl disc spins while a tonearm drops onto the groove. Function: audio object / playback start — music and media product energy without waveforms.
Skill Claude CodeCodex
Twelve emerald equalizer bars pulse on a fixed pattern. Function: audio / music / live signal (textless).
Skill Claude CodeCodex
A frosted pastel weather widget rises on a sky gradient while the sun blooms and temperature climbs. Function: ambient status card for consumer-app storytelling.
Skill Claude CodeCodex
A single feature card orbits a dot sphere on approved Blender camera motion. HyperFrames block, 1920×1080, 10s, 4 variables.
Skill Claude CodeCodex needs its repo
Build deterministic, editable data-visualization videos from local CSV/JSON or data fetched from a user-approved URL, API, or public source by adapting native HyperFrames templates and selectable visual-style presets. Requires the HyperFrames AI skill. Use when a user wants a line-chart story, multi-series ranking…
Skill Claude CodeCodex
A wireframe portal bursts open, the title comes through, then its letters swap into a second phrase. HyperFrames block, 1920×1080, 8s, 9 variables.
Skill Claude CodeCodex needs its repo
Use when helping users discover, install, publish, share, sync, or update UI2V video motion assets and HyperFrames motion packages. Route video creation, preview, and rendering to HyperFrames skills.
Skill Claude CodeCodex
A local library of ready-made GSAP animations for video demonstrations and product pages. GSAP is a JavaScript animation library; the collection includes effects such as chart entrances, scrolling lists, card flips, text layouts, and looping backgrounds.
Skill Claude CodeCodex
A reference library and workflow for making complete, time-synchronised videos with code, such as music videos, lyric videos, and data documentaries. It uses a frame-by-frame rendering approach so browser previews and offline exports can match.
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: