В каталоге 182 820 навыков в 14 категориях.
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it an...
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usabilit...
Motion design pass — adds purposeful animations or removes excessive ones, respecting MOTION_INTENSITY and the project's...
Directs the creation of a code-made animation or video in drawn-by-code, from brief to final MP4. Use it whenever the us...
Use when a task involves designing purposeful interface motion, transitions, or interaction feedback for a web or app ex...
Implement purposeful interface animations: easing, springs, interruption, exits, and reduced motion. Use on existing com...
Generate animated videos and motion graphics from natural language descriptions. Creates a standalone Vite + React proje...
Advisory design reference for animate; preserve current canonical rules, incumbent components and user authorization.
User interface animations and transitions. When Claude needs to create performant, tasteful animations.
Generate animated videos from static avatar images using FAL AI. Create looping work and relax animations with Kling V2....
Create original short videos using the 画中物成真｜小光点变奇观 Creative DNA for MiniMax H3 or Seedance 2.0. Use when the user wants...
Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — s...
Advisory design reference for animate-expo; preserve current canonical rules, incumbent components and user authorizatio...
Create original short videos using the 固定机位｜从线稿生成成品 Creative DNA for MiniMax H3 or Seedance 2.0. Use when the user wants...
Animate an existing product image or static ad into a short branded video using the GooseWorks Animate Images workflow,...
Animate one supplied still into a short video with bounded subject and camera motion while preserving identity and compo...
Animate old photos into AI-generated videos using the Animate Old Photos API. Upload a photo, generate a 5-second animat...
Create, revise, polish, inspect, export, and preview complete stylized Roblox R6 and R15 character animations on authent...
Make a looping animated chart for LinkedIn or a newsletter in code with Claude Code. Bars that become a line, a number t...
Componentes React animados prefabricados: Magic UI (Tailwind + Motion + shadcn/ui) y React Bits (BlurText, CountUp, Dock...
Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React...
Build an animated SVG diagram (agent graph, build pipeline, RAG flow, etc.) in the Code Origin landing style — purple-on...
Patterns for animating financial numbers with spring physics, formatting, and visual feedback. Covers animated counters,...
Generate a minimalist static image from a prompt, then animate it into a short video. Use when users want a concept imag...
生成"黑墨手绘涂鸦"风格的动画架构图/流程图：米色纸面、针管笔墨线、极淡水洗色块、简笔涂鸦图标、序号章、连线上的流动圆点动画、图标微动效。产出单文件自包含动画 HTML（SVG+CSS），可一键导出无缝循环 GIF。当用户想画架构图、流程图...
Use when generating animated game sprites, creating sprite sheets, building character animations for 2D games, or needin...
Turn a character image (mascot, OC, pet photo, 3D render, or just a text description) into a full pack of animated chat...
Story-first motion design philosophy for animated video: motion must earn its place; arc (establish, complicate, resolve...
Turn any video into a luxury scroll-animated website with parallax effects
Use when looking up Animates NZ products, current public prices, availability, or product details. Queries bounded publi...
Creates Awwwards-level, high-performance animations using industry-standard tools like GSAP, Three.js/R3F, and Lenis. Sp...
Make a short animated film by writing the drawing code yourself: every frame a pure function of time, rendered headlessl...
Godot animation developer — use when working with AnimationPlayer, AnimationTree, blend spaces, state machines, or skele...
Animation ใน React สามารถแบ่งออกเป็น 4 ประเภทหลัก:
Game-ready animation in Blender including walk/run/idle cycles, combat, mechanical animation, camera animation, constrai...
Expert guidance for creating premium, performant animations in React using Motion (motion.dev). Covers all animation typ...
Add scroll animations, micro-interactions, or page transitions to a component using GSAP. Use when a section needs motio...
Unity animation system — Animator controllers, layers, blend trees, state machine behaviors, root motion, animation even...
Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animat...
Apply web animation principles from Animation at Work by Rachel Nabors. Covers human perception of motion, 12 principles...
Animation theory covering the 12 principles of animation and timing guidance. Use when designing motion, choosing easing...
Animation blending skill for blend trees.
Create empty Unity `AnimationClip` assets at the given project paths. Each path must start with `Assets/` and end with `...
CSS animation and transition creator. Generates optimized @keyframes, transitions, and transform sequences with performa...
Define coherent motion timing and rhythm.
Inspect a Unity `AnimationClip` asset — name, length, frame rate, wrap mode, looping/legacy/humanMotion flags, local bou...
Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin. Use this skill when creating web a...
Ensures engaging user experience through validation of animations, transitions, micro-interactions, and feedback states,...
Diagnose a concrete rendered hitch or stutter.
UI animation rules from Emil Kowalski's "Train Your Judgement" (emilkowal.ski/ui/train-your-judgement). Use when writing...
Make polished motion-design and animation prototypes with Claude Code and the local media/creative skill stack. Use this...
After Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JS...
Provides reusable interaction patterns and motion presets that make UI feel polished. Includes hover effects, transition...
Apply a batch of modifications to a Unity `AnimationClip` — set/remove float curves, clear all curves, set frame rate /...
| ID | flutter-animation-motion |
Use when designing or reviewing UI animations, transitions, and motion interactions. Triggers for animation decisions, p...
Create smooth animations and micro-interactions with Framer Motion and CSS. Covers enter/exit animations, gestures, scro...
CSS animations, transitions, and scroll-driven effects with accessibility (prefers-reduced-motion). Use when adding moti...
Use this skill for motion hierarchy, transitions, microinteractions, reduced motion, performance-safe animation. Trigger...
Framer Motion patterns, page transitions, skeleton loading, scroll-linked animations, and gesture-based interactions for...
Keep web animations inside the frame budget — animate composite-only properties, keep motion off the main thread when th...
Optimize 8-bit animations for smooth performance. Apply when creating animated pixel art, game UI effects, or any retro-...
Applies Disney's 12 animation principles to UI motion design. Use when improving animation quality, designing micro-inte...
Disney's 12 animation principles applied to web and mobile UI. Use when implementing CSS animations, JS transitions, mic...
Use when someone has never heard of animation principles, needs the simplest explanation possible, or is a complete newc...
Use when someone has strong command of animation principles and seeks deeper understanding of subtle applications, edge...
Use when someone needs comprehensive reference material on animation principles with technical depth and extensive conte...
Use when someone has mastery of animation principles and wants to explore intentional rule-breaking, stylistic innovatio...
Use when someone has working knowledge of animation principles and needs guidance on combining them effectively in more...
Use when someone seeks the philosophical foundation of animation principles, wants to understand why they work, or is at...
Use when someone has basic awareness of animation principles and wants to start applying them in simple projects
Use when someone needs a rapid overview of all 12 animation principles in under 5 minutes
Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations
Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels
Use when animation feels wrong and you need to diagnose which principle is failing or being misapplied
Use when discussing animation principles with users of unknown skill level, or when providing a balanced reference that...
Reverse-engineer any motion reference (a video from X/Twitter, Dribbble, a screen recording, a GIF) into production anim...
Review web animations by recording the browser and sending video to Gemini for frame-level analysis
Character rigging skill for IK constraints.
Use when character animation needs an audit across skeleton, rig, skin weights, avatar, retargeting, clips, events, root...
Simple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, l...
READ this skill when implementing or configuring animation-style shaders (Toon/Cel Shaders) — including outlines, rim li...
Create splash screens, ASCII art banners, and terminal animations. Use when building visual effects, loading screens, an...
Generate animation specifications, easing curves, and motion design documentation
Animation state machine skill for transitions.
Use when implementing animations — AnimationPlayer, AnimationTree, blend trees, state machines, sprite animation, and co...
Implements animation systems using AnimationPlayer, AnimationTree, blend trees, and procedural animation. Use when creat...
Use when designing, speccing, or reviewing a character/object motion system in ANY engine — the rig and skeleton, skinni...
> Decision-tree routing for animation pattern selection
Make cinematic title cards, intro sequences, kinetic captions, promo clips, and polished short motion pieces.
Resolve motion tools or native View Transitions.
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bou...
Advisory design reference for animation-vocabulary; preserve current canonical rules, incumbent components and user auth...
Make browser-rendered animation videos: HTML/CSS/JS scenes, captions, overlays, transitions, and social-video compositio...
Plain-English animation command chooser. Use this when Kosta asks which animation command/skill to use, or wants an anim...
Add smooth animations to buttons, page transitions, tasks, modals, and interactive elements.
SwiftUI animations, @Animatable macro, withAnimation, transitions, PhaseAnimator, KeyframeAnimator, and interactive moti...
Drive Animato (github.com/otdnnc/Animato) as an API-key agent loop that turns a rigged .fbx/.gltf model plus a plain-tex...