Web-first catalog for interface motion, web interaction, programmatic video, and motion-design review.
This repository also configures its own agents. See what awesome-motion-design-agent-skills tells them →
frankxai/awesome-motion-design-agent-skills
Skill Claude CodeCodex
Use when planning, prompting, generating, editing, routing, finishing, or QAing AI-created images, GIFs, videos, style frames, image-to-video clips, social ads, cinematic brand assets, motion studies, or multi-provider generative media workflows using Codex imagegen, GPT Image, Sora, Grok Imagine, Veo, Luma, Runway…
frankxai/awesome-motion-design-agent-skills
Skill Claude CodeCodex
Use when designing motion concepts, animation systems, choreography, timing, easing, reduced-motion behavior, or deciding which motion stack to use for web UI, video, GIF, Rive, Lottie, GSAP, Motion, Remotion, or Three.js work.
frankxai/awesome-motion-design-agent-skills
Skill Claude CodeCodex
Use when creating or editing Remotion videos, programmatic explainers, motion graphics, MP4 renders, GIF renders, social cutdowns, or React-authored video templates.
frankxai/awesome-motion-design-agent-skills
Skill Claude CodeCodex
Use when planning, auditing, specifying, implementing, or improving premium website/app motion across FrankX, Arcanea, Starlight, or Vercel/Next.js sites. Use for motion design systems, site choreography, scroll motion, generated media integration, runtime selection, reduced-motion planning, visual QA, and turning…
frankxai/awesome-motion-design-agent-skills
Skill Claude CodeCodex
Use when reviewing web animations, UI transitions, scroll effects, hover states, loading states, GIF/video captures, reduced-motion support, animation performance, or motion polish in HTML, React, Next.js, or Vercel apps.
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: