Загрузка видео...

Не удалось загрузить видео

На главную

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 👇

reallynattu's profile picture

Nattu

28,606 subscribers

33,115 просмотров • 2 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 🚀
0:13

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 🚀

FHILY👑

346,601 просмотров • 1 месяц назад

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

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

Ibelick

88,818 просмотров • 1 год назад

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 text
0:13

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 text

Alex Barashkov

122,202 просмотров • 1 месяц назад

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.
0:14

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.

ClaudeDevs

312,400 просмотров • 1 месяц назад

github is built for ai agents not humans I can feel it
0:17

github is built for ai agents not humans I can feel it

Dmitriy Kovalenko

20,228 просмотров • 2 месяцев назад

I built a full YouTube-style app in minutes Most AI tools just generate a wireframe Rocket gave me a fully functional video platform with backend, logic, and UI Here’s how I did it (with just 1 prompt):
0:10

I built a full YouTube-style app in minutes Most AI tools just generate a wireframe Rocket gave me a fully functional video platform with backend, logic, and UI Here’s how I did it (with just 1 prompt):

Nelly;

24,696 просмотров • 11 месяцев назад

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:
0:10

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:

AI Frontliner

74,459 просмотров • 2 месяцев назад

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 👇
0:10

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 👇

Kshitij Mishra | AI & Tech

60,393 просмотров • 2 месяцев назад

A playful carousel for my new portfolio, built with framer motion
0:13

A playful carousel for my new portfolio, built with framer motion

Daniel Destefanis

66,093 просмотров • 1 год назад

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.
0:10

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.

Basit A. Khan

18,928 просмотров • 4 месяцев назад

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.
0:19

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.

Vamsi Batchu

15,000 просмотров • 4 месяцев назад

this is terrifying. Claude Opus 4.6 + Remotion can now generate videos. It can do motion design, demos and animations from a single prompt... it's so over.
0:17

this is terrifying. Claude Opus 4.6 + Remotion can now generate videos. It can do motion design, demos and animations from a single prompt... it's so over.

David Ch

482,352 просмотров • 2 месяцев назад

onboarding checklist component UI showcase animation. JS, built with Claude Code
0:18

onboarding checklist component UI showcase animation. JS, built with Claude Code

Juliette

16,628 просмотров • 3 месяцев назад

Your AI videos don’t go viral because the motion is boring. Kling 2.6 Motion Control on Higgsfield AI gives you actual control over motion, timing and flow. Here’s a quick tutorial 👇🏻
0:13

Your AI videos don’t go viral because the motion is boring. Kling 2.6 Motion Control on Higgsfield AI gives you actual control over motion, timing and flow. Here’s a quick tutorial 👇🏻

Heisenberg

58,048 просмотров • 5 месяцев назад

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.
0:17

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.

Dillion

324,613 просмотров • 2 лет назад

A list (with code) of cool framer-motion and Tailwind CSS components from around the internet ✨ 1️⃣ Tooltip A simple and elegant tooltip component that follows the mouse pointer
0:11

A list (with code) of cool framer-motion and Tailwind CSS components from around the internet ✨ 1️⃣ Tooltip A simple and elegant tooltip component that follows the mouse pointer

Aceternity

43,234 просмотров • 2 лет назад

🚨BREAKING: Kling 2.5 Turbo just made AI video look like Hollywood. Type a prompt → get cinematic shots with smooth motion. This is the new gold standard for AI content creation 👇
0:10

🚨BREAKING: Kling 2.5 Turbo just made AI video look like Hollywood. Type a prompt → get cinematic shots with smooth motion. This is the new gold standard for AI content creation 👇

The AI Colony

81,526 просмотров • 8 месяцев назад

Seedance 2.0 + Claude Code is f*cking insane 🤯 I built a Claude skill that creates UGC ads on demand. One product + one prompt = the AI creator, the script, the scene-by-scene shot list, and the finished video. All inside Claude Code. Perfect for DTC brands and agencies who can't afford to keep paying $500-$1,500 per UGC video and waiting 2 weeks for revisions. This skill eliminates the entire loop: → Tell Claude the product, ad angle, and length → Skill writes the GPT Image 2.0 prompt to generate the AI creator from scratch → Skill writes every scene prompt, dialogue line, and delivery direction → Pipes it into Seedance 2.0 with character + product + voice locked → Speed up + caption in CapCut → Ship the ad in 20 minutes No more paying $11 per video on Arcads. No more 2-week revision cycles. No more PR boxes to creators who ghost you. What you get: → Perfect character consistency across every scene → Voice consistency that holds clip-to-clip → Real product fidelity using your actual product photo as a reference → Multi-scene day-in-life, testimonial, and action-shot formats out of the box Built 100% with a Claude skill + Seedance 2.0. I recorded a full step-by-step tutorial showing the exact workflow so you can build these AI UGC ads yourself. Want the full breakdown? > Like this post > Comment "UGC" And I'll send it over (must be following so I can DM)
0:14

Seedance 2.0 + Claude Code is f*cking insane 🤯 I built a Claude skill that creates UGC ads on demand. One product + one prompt = the AI creator, the script, the scene-by-scene shot list, and the finished video. All inside Claude Code. Perfect for DTC brands and agencies who can't afford to keep paying $500-$1,500 per UGC video and waiting 2 weeks for revisions. This skill eliminates the entire loop: → Tell Claude the product, ad angle, and length → Skill writes the GPT Image 2.0 prompt to generate the AI creator from scratch → Skill writes every scene prompt, dialogue line, and delivery direction → Pipes it into Seedance 2.0 with character + product + voice locked → Speed up + caption in CapCut → Ship the ad in 20 minutes No more paying $11 per video on Arcads. No more 2-week revision cycles. No more PR boxes to creators who ghost you. What you get: → Perfect character consistency across every scene → Voice consistency that holds clip-to-clip → Real product fidelity using your actual product photo as a reference → Multi-scene day-in-life, testimonial, and action-shot formats out of the box Built 100% with a Claude skill + Seedance 2.0. I recorded a full step-by-step tutorial showing the exact workflow so you can build these AI UGC ads yourself. Want the full breakdown? > Like this post > Comment "UGC" And I'll send it over (must be following so I can DM)

Mike Futia

36,723 просмотров • 1 месяц назад

You can now generate public endpoints, UI snippets, and a MCP server with AI Search: making it easy to add search to your website or connect AI agents.
0:12

You can now generate public endpoints, UI snippets, and a MCP server with AI Search: making it easy to add search to your website or connect AI agents.

Cloudflare Developers

35,559 просмотров • 2 месяцев назад

Kling 2.6 Motion Control is absolutely insane 🤯 Take any reference video and transfer the exact motion onto an AI character: full-body sync, facial expressions, hand gestures, everything. All with just a few clicks. Perfect for e-comm brands and agencies creating AI video ads that don't look like AI. Here's the problem: AI-generated video ads still look robotic. The movements are stiff, the expressions are flat. Your audience clocks it as AI instantly and keeps scrolling. Kling 2.6 Motion Control fixes it: → Start with any reference clip (stock footage, existing UGC, motion reference) → Upload to Kling → Map the exact movement onto any AI character → Full-body motion, hand gestures, facial expressions—all transferred → Generate up to 30 seconds of video No stiff AI movements, no uncanny valley, no instant "skip this ad" reaction. What this unlocks: - Use one winning UGC motion → swap in different AI creators - Pull reference clips from anywhere → generate branded variations - Create dynamic AI video ads with real human movement - Test multiple "creators" without filming anyone new I recorded a quick walkthrough showing how to do this step-by-step. Want access? > Comment "KLING" > Like this post And I'll send it over (must be following so I can DM)
0:15

Kling 2.6 Motion Control is absolutely insane 🤯 Take any reference video and transfer the exact motion onto an AI character: full-body sync, facial expressions, hand gestures, everything. All with just a few clicks. Perfect for e-comm brands and agencies creating AI video ads that don't look like AI. Here's the problem: AI-generated video ads still look robotic. The movements are stiff, the expressions are flat. Your audience clocks it as AI instantly and keeps scrolling. Kling 2.6 Motion Control fixes it: → Start with any reference clip (stock footage, existing UGC, motion reference) → Upload to Kling → Map the exact movement onto any AI character → Full-body motion, hand gestures, facial expressions—all transferred → Generate up to 30 seconds of video No stiff AI movements, no uncanny valley, no instant "skip this ad" reaction. What this unlocks: - Use one winning UGC motion → swap in different AI creators - Pull reference clips from anywhere → generate branded variations - Create dynamic AI video ads with real human movement - Test multiple "creators" without filming anyone new I recorded a quick walkthrough showing how to do this step-by-step. Want access? > Comment "KLING" > Like this post And I'll send it over (must be following so I can DM)

Mike Futia

24,985 просмотров • 4 месяцев назад