Loading video…
All breakouts
Claude Codeseen in 193 videos →
81.8Text-HeavyOther hook
Hook
AI Tips
@rifqieh
15.0K followers · usually 1.4K views a post
Views
108.7K
Likes
7.3K
Comments
23
Shares
1.1K
Selling · Course / Info
Why it worked
The post leverages a visually appealing and informative format, breaking down complex animation skills into digestible slides. By showcasing a variety of tools and techniques relevant to AI-assisted animation, it appeals to a niche audience interested in cutting-edge web development and design.
Summary
This post showcases various skills and tools that can enhance Claude's animation capabilities, including Three.js, GSAP, Design DNA, Lottie animation, and Genjutsu. It aims to provide users with resources to build smoother UI, cleaner interactions, and more polished motion.
Structure
- 1Introduction to Claude Code Skills for Animation
- 2Three.js Skills for 3D scenes and interactions
- 3GSAP Skills for animation and effects
- 4Design DNA for extracting and applying visual design identity
- 5Motion Design Skills with Lottie and SVG
- 6Genjutsu for advanced UI, layout, and animation
Product placement
Original caption
These animation skills give Claude better context for building smoother UI, cleaner interactions, and more polished motion—from GSAP and Three.js to Lottie and beyond. I’ve collected all the repositories in one place. Don’t forget to save this post so you can find them again later. #ClaudeCode #AIcoding #WebDevelopment #Frontend #MotionDesign
More from @rifqieh
Their other posts in the index, biggest breakout first.
