AI can generate animation code. It can't feel timing.... I built a skill that teaches AI agents Disney's 12 principles for UI motion, so there's actual intention behind the movement, not just math. Works with CSS, GSAP, Framer Motion & Lottie. Same prompt with Claude. Watch what changes 👇show more

A big skill upgrade to text-to-lottie Better design taste,... better motion, fewer random design decisions, fewer refinements Generate polished Lottie animations with Claude Code, Codex or Cursor Try it: $ npx skills add diffusionstudio/lottieshow more

How I built an Anime.js-style site with Claude 👇... • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀show more

Introducing Motion-Primitives: a collection of reusable animated components built... with Framer Motion and Tailwind CSS.show more

it's absolutely gold ex-Figma Design Lead dropped a list... of 15 github repos that turn Opus 5.5 into a full motion design studio SHIP A LAUNCH VIDEO 01. product-launch-motion: -> point it at your product, get script, voiceover, camera moves and film grade 02. motion-graphics-skills: -> 15 skills for launch videos, animated charts and reels, zero After Effects 03. claude-motion-design: -> every cut lands on the beat, its demo film took 5 iterations on Opus 5.5 EDIT YOUR OWN FOOTAGE 04. hyperframes-student-kit: -> drop in your footage, it cuts dead air and mistakes, then adds motion graphics 05. motion-graphics: -> motion B-roll timed to your words, and it cuts you out of the background MAKE ANIMATED SHORTS 06. animate: -> explainers in 7 styles, cut paper to riso to pixel art, storyboard first 07. claude-motion: -> teaches Claude taste, makes it check its own frames, adds a sound engine 08. claude-remotion-skill: -> fixes the flat fades and stiff motion most AI videos ship with ANIMATE YOUR SITE 09. motion: -> buttons, cards and page transitions for React, Vue and plain JS 10. motion-dev-animations-skill: -> one sentence and Claude Code animates your site OFFICIAL BUILDING BLOCKS 11. hyperframes: -> your agent writes HTML, HyperFrames renders it as video 12. remotion: -> turn an idea into a video straight from your coding agent 13. remotion skills: -> Remotion's official best practices for Claude Code, Codex and Cursor 14. gsap-skills: -> official GSAP skills, the engine under the launch and editing kits above 15. motion-design-skill by LottieFiles: -> Disney's 12 animation principles, rewritten for AI agents the map picks your first install in 3 questionsshow more

Give Opus 5.5 𝗮 𝗰𝗹𝗶𝗰𝗸𝗮𝗯𝗹𝗲 𝗺𝗼𝘁𝗶𝗼𝗻 𝗱𝗶𝗰𝘁𝗶𝗼𝗻𝗮𝗿𝘆: 𝟭𝟮𝟬 𝗺𝗼𝘃𝗶𝗻𝗴... 𝘀𝗮𝗺𝗽𝗹𝗲𝘀, each labelled with its name and a ready-made prompt. Click the ones you like, and Claude Code builds them into your video or site. Five packs: motion graphics, camera moves and transitions, UI components, landing page and web effects, and photo looks and lighting. Four steps: 1. Paste the line at the end into Claude Code to install the skill 2. Tell it "Open the motion-prompt library" 3. Tick the samples you like in the gallery and press "Send to AI" 4. Back in Claude Code, say "Edit the opening of this video like this" It gets each sample's motion spec and reference code, and it works with Remotion, CSS or Canvas. Without the skill, press "Copy picks" and paste them in. Paste this into Claude Code and it installs itself 👇 "Read and install the motion-prompt skill in this environment. When it is installed, tell me how to use it in three lines."show more

You know the animation you want. You just don't... know what it's called. So I built a free place to find it, learn its name, and turn it into a prompt for Claude or ChatGPT. 923 motion techniques, each with a live example.show more

Get beautiful text animations. We built a hand-crafted collection... of text animations and wrapped them as a SKILL for your AI agent. Use it with Remotion, Motion, GSAP, WAAPI, or any animation library. It comes with clear animation specs - pacing, curves, transitions - so your output looks great from the first prompt. Install it with: npx skills add pixel-point/animate-text --skill animate-text Use it /animate-text apply soft-blur-in to hero section textshow more

Framer Motion & Tailwind CSS Code:

Claude Code ships with a built-in skill for working... with the Claude Platform. Useful for model migrations, using API features (e.g., prompt caching), or onboarding to newer APIs like Claude Managed Agents.show more

I built a growing gallery of motion graphics made... with Claude Opus 5.5, each shown next to the prompt or skill that made it. 226 so far, all pulled from posts here and credited to their creators.show more

github is built for ai agents not humans I... can feel itshow more

omg…that i made this with Claude Opus 5.5 and... Seedance 2.5 nobody is teaching you the actual workflow behind these AI realistic videos.. so here it is, full breakdown, every prompt included 👇show more

A playful carousel for my new portfolio, built with... framer motionshow more

BREAKING: Motion in AI video just took a serious... leap. Seedance 2.0 is now live inside Lovart AI with no waitlist. You can generate high-speed transformations, consistent characters, and full sequences from a single prompt. Here’s what actually happens when you push it:show more

always been fascinated about kinetic type. there's something about... the way motion interacts with letterforms that just hits right. Google AI studio made the technical side of building it so fast. the possibilities with type and motion are just limitless.show more

A new stable motion transfer workflow for Seedance 2.0!... We built a video-to-depth-video + skeleton-binding Skill based on "Depth-Anything-V2" for motion transfer. Tell your agent to help me create a Skill that converts a normal video into a depth video with skeleton binding. Motion transfer can be achieved with only the following prompt + content description:show more

Fable 5 just dropped and someone already built a... $10k-looking website with it. Here's the full workflow The smooth scrolling, the animations, the transitions, all built with Fable 5. Here's how to get the same result instead of a generic template. 1. Steal a direction first. Go to Mobbin or Godly and find a site whose feel you love. Screenshot it. Fable copies a vibe far better than it invents one. 2. Grab real components. Pull animation-ready blocks from Aceternity UI or Magic UI. These are built for exactly this look (scroll reveals, parallax, gradients). 3. Prompt Fable with all of it. Switch to Fable 5 in Claude Code, drop in your screenshots and the component references, and describe the sections and scroll behavior you want. Let it plan before it builds. 4. Animate with the right tools. Tell it to use GSAP with ScrollTrigger for scroll effects, or Framer Motion for React. This is what separates "nice" from "$10k." 5. Iterate on feel, not code. Preview it, then give Fable specific notes ("slower fade, more spacing on mobile") until it lands. Bookmark thisshow more

UI with animation is the best thing. Created this... for the AI startup card/animation. No AI, no AE, Just Pure Figma. Will replicate this ideation to Framer.show more

This AI just turned me into a film director…... No editing skills. No timeline headaches. Just one prompt. This is Seedance 2.0 🎬 You can literally combine: → Text → Images → Videos → Audio And it understands everything. Even crazier? You can control it like this: Image → character Video → camera movement audio1 → music/voice It doesn’t just generate clips… It builds full cinematic scenes with: → Consistent characters → Smooth transitions → Realistic motion → Built-in lip sync Basically… From a single prompt → you get a multi-shot story. Not AI video. AI filmmaking. Go try it before everyone catches on 👇show more