Web animation and motion

Builds animated HTML slide decks that run in the browser with no dependencies, or converts PowerPoint files to the web, starting from visual style previews.

zarazhangrui/frontend-slides

Authors static HTML presentations from a library of themes, layouts and animations, with keyboard navigation, for talks, pitch decks and reports.

lewislulu/html-ppt-skill

A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…

bestofjs/bestofjs

Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.

heygen-com/hyperframes

Teaches an agent how to wire up GSAP's ScrollTrigger plugin for scroll-linked animation, pinned sections and scrub, including the start and end position syntax.

greensock/gsap-skills

Covers the GSAP core API for tweens, easing, staggers, defaults and matchMedia, and when to choose GSAP over CSS animations or other JavaScript animation libraries.

greensock/gsap-skills

Audits and fixes web animation performance: layout thrashing, work that belongs on the compositor, scroll-linked motion and costly blur effects.

ibelick/ui-skills

Guides easing, timing and animation choices for UI motion, based on a web animation course, and reviews existing animations in a before-and-after table.

baptisteArno/typebot.io

Shows how to use GSAP in Vue, Nuxt, Svelte and other lifecycle-based frameworks: create after mount, scope selectors to the component, and revert on unmount.

greensock/gsap-skills

Builds a scroll-driven landing page where a pre-rendered camera flies through connected AI-generated scenes, using Higgsfield for stills and video clips.

oso95/scroll-world

Design engineering principles for making interfaces feel polished.

samuelclay/NewsBlur

Guides implementing animated page and state transitions in React with the native View Transition API, covering shared elements, list reorders and directional navigation.

vercel-labs/next-beats

Rebuilds existing web pages as editable local code that matches their content, assets, responsive layout and interactions, including Framer sites and animated pages.

JCodesMore/ai-website-cloner-template

Guides the agent to keep GSAP animations smooth by animating transforms and opacity, batching DOM reads and writes, and avoiding layout-heavy properties.

greensock/gsap-skills

Applies a fixed set of UI rules for stack, components, interaction, animation, typography and layout, or reviews a file against them with concrete fixes.

ibelick/ui-skills

Shows how to run GSAP animations in React and Next.js with the useGSAP hook, refs, scoped selectors and automatic cleanup on unmount.

greensock/gsap-skills

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" →…

flornkm/personal-site

Teaches the GSAP timeline API for sequencing animations: gsap.timeline(), the position parameter, labels, defaults, nesting and playback control.

greensock/gsap-skills

Build premium scroll-driven landing pages for service, product, food, and drink brands.

nateherkai/scroll-craft

Covers the gsap.utils helpers for clamping, range mapping, normalizing, snapping, randomizing and wrapping values in GSAP animations.

greensock/gsap-skills

Applies motion design principles to create emotionally-driven, technically sound animations and transitions.

LottieFiles/motion-design-skill

Builds HTML stories where one continuous camera journey advances with page progress, using researched structure, AI stills, Seedance video clips and browser QA.

OpenSenseNova/SenseNova-Skills

GSAP animation reference for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

Audits existing UI animations against the transitions.dev motion-token scale and suggests tokens for duration, distance, scale, blur and easing.

Jakubantalik/transitions.dev

Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js.

jasonkneen/tiny-world-builder

1:1 rebuild of award-winning creative websites (WebGL / scroll-animation / portfolio sites).

boyang-hu/website-rebuild-skill

Scans a codebase for missing or inconsistent UI motion, scores it from 0 to 100, and applies a transitions.dev fix only after you pick between a light polish and a full recipe revamp.

Jakubantalik/transitions.dev

Generate React Native Reanimated animation code for React Native apps.

gluestack/gluestack-ui

Plan, build and quality-check a premium short commercial for a real business (roofing, property, ecommerce, B2B software) using AI-generated footage, code-built motion (HTML/GSAP), selective…

echris6/motion-video-kit

Design and build motion-first creative websites — page design (structure, type scale, palette, spacing) plus interaction choreography: scroll animation, Framer Motion, GSAP, and light 3D via…

feitangyuan/motion-web

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.

growupanand/ConvoForm

Extracts evidence-backed style guides and motion appendices from websites, keeping reusable visual language and stripping product-specific content.

Lucent-Snow/style-extractor

Turns popular-science text into an animated slide-style single-page HTML presentation, or restyles it as a flat-UI flowchart, using templates built into the skill.

Unclecheng-li/AI-Animation-Skill

制作代码驱动的软件产品宣传片和版本更新片（product promo、release notes video、changelog promo）。从真实功能和产品设计出发定方向，用真实组件、GSAP/Three.js 动效、原创配乐和动作音效完成影片，每支片子的视觉手法都从产品本身推导，不套模板。

op7418/guizang-product-video-skill

Design and build complete web experiences from scratch — award-level product and marketing pages, cinematic scroll-directed sites where the page is directed like a film, and multi-screen products…

agiwhitelist/auteur

Helps choose and drop in animated React components from Magic UI and React Bits for landing pages, marketing sites and dashboards, instead of hand-coding animations.

Hainrixz/editor-pro-max

Writes HTML compositions with a GSAP timeline that the render_video tool turns into deterministic MP4 videos from data, text or layouts.

spinabot/brigade

Capture and analyze Chrome/Chromium performance traces with Playwright around a concrete browser interaction.

layoutit/polycss

Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 31 styles, with composed scores.

alexgreensh/anidoodle

Curated text animation catalog with exact JSON specs for headings, labels, counters, and text swaps.

pixel-point/animate-text

Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects.

199-biotechnologies/motion-dev-animations-skill

Acts as the LLM behind the Timeline Inspector's Refine button by long-polling a local relay for jobs, posting suggestions back, and exiting cleanly on a stop signal.

Jakubantalik/transitions.dev

Flutter animation using the Cue package. An agent skill from Milad-Akarie/cue.

Milad-Akarie/cue

Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop.

bendrape1-byte/silk-design

Inspects a live website through Chrome DevTools and turns its CSS tokens, animations and hover states into a design system prompt.

NakanoSanku/OhMySkills

Turns an SVG file or URL into a hand-drawn animation: a standalone preview.html plus a reusable player.js that draws paths first and fills afterward.

shaom/svg-hand-drawn-skill

Covers GSAP plugin use: registration, scroll, Flip, Draggable, SVG, text, physics and easing plugins, with the current free licensing and npm install guidance.

greensock/gsap-skills

Produce beat-synced 1080p motion-graphic videos in HyperFrames (HTML + GSAP) with an AI voice-over, Vietnamese karaoke captions, SFX and generated music, in one of two proven styles (glass keynote…

bestagentkits/motion-video-skill