Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

A demo of the animations[.]dev skill file using Claude Code. It can review your animations, suggest improvements, and basically answer all your motion-related questions based on my experience gathered over the years.

Emil Kowalski

106,096 subscribers

124,903 views • 8 months ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

41 Comments

Emil Kowalski8 months ago

Available tomorrow all students. Free of charge.

zacharyyyy8 months ago

i knew i wouldn’t regret signing up two years ago 🔥

Emil Kowalski8 months ago

Thank you for trusting me early on!

Om8 months ago

This + the knowledge from the course, it is gold for all of us.

Emil Kowalski8 months ago

That’s not the only update coming tomorrow btw :) See changelog:

Josh Pigford8 months ago

I’d love to just buy the skill file!

Swissy8 months ago

not often you get skills for claude/opencode etc. directly from industry leaders, emil has done it again 👏

Matt8 months ago

🔥 Nice Emil!

Ryan Furrer @ CYC8 months ago

You're gonna make me finally try Claude Code, aren't you? 😅

Emil Kowalski8 months ago

@ryandotfurrer It’s available for other tools as well! Cursor, OpenCode, etc. A script will automatically detect the ones you use and install the skill.

Ryan Furrer @ CYC8 months ago

Ooh awesome, thank you for that!

Darshit | Design Engineer8 months ago

finally one day to go finally i can join army n will learn animations from the goat

Tobi Omotayo8 months ago

Does the knowledge apply to mobile animations? Swift/SwiftUI for instance

Emil Kowalski8 months ago

Yeah, many mobile devs/designers have taken it and said that the knowledge translates well.

Tobi Omotayo8 months ago

Cool. Can’t wait to get the course.

Ru Chern Chong8 months ago

Can’t wait for this’

Georgi AI8 months ago

I would buy this for $49

arth8 months ago

do you plan on making it available separately?

Gold8 months ago

looking forward to 20th!

clement hugbo8 months ago

good thing I got into this when you first lunched it! 🤩 @eliezer_basubi just fyi. 😉

Masudur Rahman8 months ago

So, what does it mean, @emilkowalski, that you're actually helping us via @claudeai with beautiful animation?

Karan8 months ago

We basically got emil as an assistant

jc8 months ago

love this!

IzzyKamuanga8 months ago

gave cursor an article of yours and said “make the animations good” it worked

Jayesh Betala8 months ago

the age of skills

Hardy8 months ago

Excited for this!

Chris Bovard8 months ago

This is amazing!

Quinn Sprouse8 months ago

So excited for this!

Darin Dimitroff 🇺🇦8 months ago

Beat me to it. Are you planning to release it publicly?

ZmoT8 months ago

Could you please tell me what kind of font you use in Claude Code? Because I liked it very much

mrunal8 months ago

excited to try

Benjamin M. Kasum8 months ago

Looking forward to learning more about skill files.

sk8 months ago

This is amazing! Thanks. No regret being a student.

tom8 months ago

thank you!!

Xavier Gómez8 months ago

This is gold Emil, thank you very much for the work and effort you put on your course.

Raduan Al-Shedivat8 months ago

this is too good

Karolis8 months ago

just what I needed, lit

Arav8 months ago

Amazing work!

bt norris8 months ago

i basically had to make my own version of this for my new personal site — reviewing with this will be a game changer!

Gregor8 months ago

What if this tool becomes the go-to sanity check for motion designers, freeing them up to focus on creative work. It could change the way we approach animation design. This could be a game changer for solo designers like myself.

Vlad8 months ago

best! just got CC plan today.

Related Videos

Quick demo of the skill file. Improve any animation based on my knowledge and experience gathered over the years:

Quick demo of the skill file. Improve any animation based on my knowledge and experience gathered over the years:

Emil Kowalski

66,891 views • 5 months ago

Tune your UI transitions directly in Cursor CLI, Codex or Claude Code with the Transitions-dev skill built in It scans your project with your agent, suggests transitions improvements, and applies changes directly to source code

Tune your UI transitions directly in Cursor CLI, Codex or Claude Code with the Transitions-dev skill built in It scans your project with your agent, suggests transitions improvements, and applies changes directly to source code

Jakub Antalik

72,621 views • 2 months ago

There's a built-in agent inside Claude Code you can invoke just by telling Claude to use the claude-code-guide agent Save this... you'll need it It's not a local file in your project. It's a built-in subagent defined in Claude Code's system itself. It answers questions about Claude Code CLI, the Agent SDK, and the Claude API. It uses Glob, Grep, Read, WebFetch, and WebSearch, but can't edit or write files. Its only job is to answer questions.

There's a built-in agent inside Claude Code you can invoke just by telling Claude to use the claude-code-guide agent Save this... you'll need it It's not a local file in your project. It's a built-in subagent defined in Claude Code's system itself. It answers questions about Claude Code CLI, the Agent SDK, and the Claude API. It uses Glob, Grep, Read, WebFetch, and WebSearch, but can't edit or write files. Its only job is to answer questions.

Daniel San

57,445 views • 7 months ago

ohhh my... Claude Code for Video Animations is insane. In 1 prompt you can create animated videos with Claude Code... w/ the new Remotion skill. And you can do this in the browser because uses Claude Code as the default agent. (Full prompt below 👇)

ohhh my... Claude Code for Video Animations is insane. In 1 prompt you can create animated videos with Claude Code... w/ the new Remotion skill. And you can do this in the browser because uses Claude Code as the default agent. (Full prompt below 👇)

The Agenteer

47,564 views • 8 months ago

Made more improvements to the usage view in T3 Code. Much easier to see where your "spend" is and how different models behave based on your own data btw this measures all usage of Claude Code and Codex on your machines, not just usage within T3 Code :)

Made more improvements to the usage view in T3 Code. Much easier to see where your "spend" is and how different models behave based on your own data btw this measures all usage of Claude Code and Codex on your machines, not just usage within T3 Code :)

Theo - t3.gg

28,195 views • 1 day ago

Reading papers and taking notes for literature review takes a lot of time. You can install ChatGPT in your Zotero to supercharge your literature review. It will answer your questions based on papers in your library, so no fake citations or references. Here's how to do it:

Reading papers and taking notes for literature review takes a lot of time. You can install ChatGPT in your Zotero to supercharge your literature review. It will answer your questions based on papers in your library, so no fake citations or references. Here's how to do it:

Mushtaq Bilal, PhD

352,716 views • 2 years ago

$THIS MIGHT BE THE #1 OPEN-SOURCE REPO FOR CLAUDE CODE RIGHT NOW. IT GIVES CLAUDE A MEMORY AND SLASHES YOUR TOKEN COST ON EVERY QUESTION The repo is safishamsi/graphify, a free open-source skill that turns any codebase into a knowledge graph Claude Code can read instantly. Instead of grepping through your files every session, Claude gets a map of how everything connects The problem it fixes: Every time you ask Claude Code about a big repo, it does the same thing, greps through dozens of files like a brute-force Ctrl+F, blows through your context window, and sometimes still misses the answer hiding in a file nobody searched. Claude Code has no memory of how your project is structured. Every session starts from zero What it does: It maps your entire codebase into a knowledge graph, capturing not just which files exist, but which functions depend on which, which modules are central, and which files cluster around the same concern. Claude queries the map instead of scanning files How it works, three passes: 1. Code structure, free and local. Tree-sitter parses your files and pulls out classes, functions, imports and call graphs. No LLM, no tokens, just your actual code mapped deterministically 2. Audio and video, if you have them. Transcribed locally and folded into the graph 3. Docs, papers, images. Here an LLM does semantic analysis, figuring out what each document means and where it fits. Only the meaning gets sent up, never your raw source It saves you money: Normally a question about a big repo makes Claude spawn explore agents that scan file after file, eating your context window and your token budget before you get an answer. With the graph already built, Claude queries the map instead of re-reading the codebase every time. Same answer, a fraction of the tokens. The graph only gets built once, then a hook rebuilds it after each commit for free, so you never pay that scanning cost again. The bigger the repo, the bigger the gap The best parts: it's a skill, so once installed Claude knows when to use it without you memorizing commands. It works on non-code folders too, point it at docs or notes and it can spin up an Obsidian vault How to add it to your Claude: 1. Install Claude Code if you haven't: npm install -g Paul Jankura-ai/claude-code 2. Add the skill: claude skill add safishamsi/graphify 3. Open your project folder and run /graphify . to build the graph 4. Optional, make it automatic: graphify hook install so the graph rebuilds after every commit That's it. Ask Claude about your repo and it reads the map instead of burning tokens on a file hunt Bookmark this$

THIS MIGHT BE THE #1 OPEN-SOURCE REPO FOR CLAUDE CODE RIGHT NOW. IT GIVES CLAUDE A MEMORY AND SLASHES YOUR TOKEN COST ON EVERY QUESTION The repo is safishamsi/graphify, a free open-source skill that turns any codebase into a knowledge graph Claude Code can read instantly. Instead of grepping through your files every session, Claude gets a map of how everything connects The problem it fixes: Every time you ask Claude Code about a big repo, it does the same thing, greps through dozens of files like a brute-force Ctrl+F, blows through your context window, and sometimes still misses the answer hiding in a file nobody searched. Claude Code has no memory of how your project is structured. Every session starts from zero What it does: It maps your entire codebase into a knowledge graph, capturing not just which files exist, but which functions depend on which, which modules are central, and which files cluster around the same concern. Claude queries the map instead of scanning files How it works, three passes: 1. Code structure, free and local. Tree-sitter parses your files and pulls out classes, functions, imports and call graphs. No LLM, no tokens, just your actual code mapped deterministically 2. Audio and video, if you have them. Transcribed locally and folded into the graph 3. Docs, papers, images. Here an LLM does semantic analysis, figuring out what each document means and where it fits. Only the meaning gets sent up, never your raw source It saves you money: Normally a question about a big repo makes Claude spawn explore agents that scan file after file, eating your context window and your token budget before you get an answer. With the graph already built, Claude queries the map instead of re-reading the codebase every time. Same answer, a fraction of the tokens. The graph only gets built once, then a hook rebuilds it after each commit for free, so you never pay that scanning cost again. The bigger the repo, the bigger the gap The best parts: it's a skill, so once installed Claude knows when to use it without you memorizing commands. It works on non-code folders too, point it at docs or notes and it can spin up an Obsidian vault How to add it to your Claude: 1. Install Claude Code if you haven't: npm install -g Paul Jankura-ai/claude-code 2. Add the skill: claude skill add safishamsi/graphify 3. Open your project folder and run /graphify . to build the graph 4. Optional, make it automatic: graphify hook install so the graph rebuilds after every commit That's it. Ask Claude about your repo and it reads the map instead of burning tokens on a file hunt Bookmark this

Yarchi

56,502 views • 3 months ago

Claude Code on desktop can now preview your running apps, review your code, and handle CI failures and PRs in the background. Here’s what's new:

Claude Code on desktop can now preview your running apps, review your code, and handle CI failures and PRs in the background. Here’s what's new:

Claude

9,330,407 views • 7 months ago

You can enroll in my animation course for the next 10 days! It's the perfect way to learn the theory behind great animations, but also how to build them in code. Now with a skill file for agents. We'll cover all of these components and more, source code included.

You can enroll in my animation course for the next 10 days! It's the perfect way to learn the theory behind great animations, but also how to build them in code. Now with a skill file for agents. We'll cover all of these components and more, source code included.

Emil Kowalski

560,836 views • 8 months ago

ChatGPT can now create motion designs. Introducing the Motion MCP for ChatGPT Connect it to motion through the MCP, give it your assets and describe what you want. ChatGPT handles the ideas, animations and transitions directly inside motion. This launch video was created using the Motion MCP 👇

ChatGPT can now create motion designs. Introducing the Motion MCP for ChatGPT Connect it to motion through the MCP, give it your assets and describe what you want. ChatGPT handles the ideas, animations and transitions directly inside motion. This launch video was created using the Motion MCP 👇

Motion

93,283 views • 18 days ago

i really enjoy 3Blue1Brown's math animations. so i built a tool that converts natural language into math animations using the manim engine and gpt-4o. now you can create your own math animations! give it a try using the link below.

i really enjoy 3Blue1Brown's math animations. so i built a tool that converts natural language into math animations using the manim engine and gpt-4o. now you can create your own math animations! give it a try using the link below.

Archie Sengupta

370,345 views • 1 year ago

Claude Code feels completely different once you install this. Anthropic quietly released an official plugin called claude-code-setup and it basically turns Claude Code from “pretty good” into an actual AI dev environment. It scans your project and recommends: → hooks → skills → MCP servers → subagents → automations Then sets everything up step-by-step for you. Most people are using Claude Code completely vanilla… which is why their experience feels messy. The real power comes from the ecosystem around it. Install: /plugin install claude-code-setup@claude-plugins-official Bookmark this before you forget it.

Claude Code feels completely different once you install this. Anthropic quietly released an official plugin called claude-code-setup and it basically turns Claude Code from “pretty good” into an actual AI dev environment. It scans your project and recommends: → hooks → skills → MCP servers → subagents → automations Then sets everything up step-by-step for you. Most people are using Claude Code completely vanilla… which is why their experience feels messy. The real power comes from the ecosystem around it. Install: /plugin install claude-code-setup@claude-plugins-official Bookmark this before you forget it.

Radha Tripathi

75,447 views • 4 months ago

I created a Claude Skill that make beautiful slides on the web. The world hasn't woken up to the fact that code can create much better slides than most PPT tools. - Claude interviews you first about aesthetics, then generate a few directions to "show not tell", and you can pick your favorite - Cool transitions and animations - Interactive hover states and cursor effects - Auto-fits on any screen - Supports converting existing PPTX files to web-based slides; preserves original images and brand assets I asked Claude to make a slide show about this skill to showcase what it can do. Link to skill below

Zara Zhang

1,572,629 views • 8 months ago

Tried using #Niagara to add a little more speed to the hit animations. Spawning particles based on bone velocity and bumping up the motion vectors. #UE5

Tried using #Niagara to add a little more speed to the hit animations. Spawning particles based on bone velocity and bumping up the motion vectors. #UE5

Amit Mehar

104,431 views • 2 years ago

I built a new plugin! You can now trigger Codex from Claude Code! Use the Codex plugin for Claude Code to delegate tasks to Codex or have Codex review your changes using your ChatGPT subscription. Start by installing the plugin:

I built a new plugin! You can now trigger Codex from Claude Code! Use the Codex plugin for Claude Code to delegate tasks to Codex or have Codex review your changes using your ChatGPT subscription. Start by installing the plugin:

dominik kundel

1,290,869 views • 6 months ago

Codex can now make launch videos. Introducing the Motion MCP for Codex Connect it to motion through the MCP, give it your assets and describe what you want. Codex builds the scenes, animations and transitions directly inside motion. This video was created using the MCP 👇

Codex can now make launch videos. Introducing the Motion MCP for Codex Connect it to motion through the MCP, give it your assets and describe what you want. Codex builds the scenes, animations and transitions directly inside motion. This video was created using the MCP 👇

Motion

94,973 views • 20 days ago

🤯 Here are some animations from a tool I've been working on You can create any animation for your glb file These animations can be used in your Three.js Vibejam project Will link the site below to try out (totally free) Here are some of the animations I've made today

🤯 Here are some animations from a tool I've been working on You can create any animation for your glb file These animations can be used in your Three.js Vibejam project Will link the site below to try out (totally free) Here are some of the animations I've made today

dyoburon

15,757 views • 1 year ago

One skill for all UI motion. The Transitions-dev skill uses content and knowledge from the entire Transitions library and applies it to your project wherever it makes sense, for a more polished and snappy UI.

One skill for all UI motion. The Transitions-dev skill uses content and knowledge from the entire Transitions library and applies it to your project wherever it makes sense, for a more polished and snappy UI.

Jakub Antalik

239,119 views • 21 days ago

We're excited to announce duckdb-skills, a DuckDB plugin for Claude Code! We think the embedded nature of DuckDB makes it a perfect companion for Claude in your local workflows. The skills supported include: + read-file and query – uses DuckDB's CLI to query data locally, unlocking easy access to any file that DuckDB can read. + read-memories – a clever idea to store your Claude memories in DuckDB and query them at blazing speed. These are powered by two additional skills: + attach-db – gives Claude a mechanism to manage DuckDB state through a .sql file linked to your project. + duckdb-docs – uses a remote DuckDB full-text search database to query the DuckDB docs and answer all of your (and Claude's own) questions.

We're excited to announce duckdb-skills, a DuckDB plugin for Claude Code! We think the embedded nature of DuckDB makes it a perfect companion for Claude in your local workflows. The skills supported include: + read-file and query – uses DuckDB's CLI to query data locally, unlocking easy access to any file that DuckDB can read. + read-memories – a clever idea to store your Claude memories in DuckDB and query them at blazing speed. These are powered by two additional skills: + attach-db – gives Claude a mechanism to manage DuckDB state through a .sql file linked to your project. + duckdb-docs – uses a remote DuckDB full-text search database to query the DuckDB docs and answer all of your (and Claude's own) questions.

DuckDB

60,795 views • 6 months ago