Animation
UI animations and transitions
Animation Principles - Intermediate
by dylantarre
Use when someone has working knowledge of animation principles and needs guidance on combining them effectively in more complex animations
ux-researcher
by dylantarre
Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.
tutor-general
by wangyendt
通用的知识教学视频制作技能，生成带配音的 Motion Canvas 动画视频。 核心工作流：内容分析 → 分镜脚本 → TTS音频 → 验证更新 → Motion Canvas代码 → 渲染验证 触发条件：需要制作任何主题的教学视频、科普讲解、技术原理演示
image-to-video
by eachlabs
Transform static images into dynamic videos using each::sense AI. Create animations, Ken Burns effects, cinemagraphs, product showcases, and motion graphics from still photos.
eachlabs-video-generation
by eachlabs
Generate new videos from text prompts, images, or reference inputs using EachLabs AI models. Supports text-to-video, image-to-video, transitions, motion control, talking head, and avatar generation. Use when the user wants to create new video content. For editing existing videos, see eachlabs-video-edit.
tailwind
by aviflombaum
Tailwind CSS patterns, utilities, and component styling for Rails. Use when styling with Tailwind, creating responsive layouts, or building UI components. Triggers on "tailwind", "style with", "css classes", "responsive layout".
xor-shader-techniques
by ZhangHanDong
Use when implementing shader effects like turbulence, fluid, fire, smoke, procedural noise, starfields, volumetric rendering, raymarching, glow, antialiasing, fractal texturing, or optimizing shader performance with cheap alternatives. Triggers on: shader techniques, shader tricks, shader optimization, turbulence shader, fluid shader, fire shader, smoke shader, procedural noise, dot noise, gyroid noise, efficient chaos, star field, particle scatter, fractal texturing, LOD texturing, texture scaling, volumetric rendering, raymarching, glow effects, antialiasing, analytic antialiasing, fwidth, shader performance, cheap shader effects, GLSL tricks, shader math, shader formulas, Xor shader, GM Shaders, mini.gmshaders.com
frontend-design
by ttmouse
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
remotion-spec-translator
by ncklrs
Orchestrates translation of motion designer video specifications into working Remotion code by coordinating specialized agents. Acts as pipeline coordinator that delegates to remotion-scaffold, remotion-animation, remotion-composition, and remotion-component-gen. Use when you have a complete VIDEO_SPEC.md and need full Remotion implementation.
remotion-component-gen
by ncklrs
Generates individual Remotion scene components from visual direction. Input is visual/animation description for a specific scene. Output is SCENE_COMPONENT.md with complete TSX implementation. Use when implementing scenes or when asked to "create a scene component", "implement scene from spec", "build Scene1Intro".
remotion-animation
by ncklrs
Generates animation configurations for Remotion including spring configs, interpolations, easing functions, and timing logic. Focuses ONLY on animation parameters, NOT component implementation. Use when defining animation behavior or when asked to "configure animations", "setup spring configs", "define easing curves".
create-video-start
by ncklrs
Master orchestrator that chains all Remotion video creation skills together in a single automated pipeline. Takes a creative brief and produces a complete, production-ready Remotion video project. Use when starting a new video from scratch, when asked to "create a video", "make a video", "build a complete video", or "video from idea to code".
motion-designer
by ncklrs
Advanced motion designer with decades of After Effects and motion graphics experience, specialized in creating engaging video specifications for Remotion. Use when creating video specs, planning motion graphics, designing animations, or when asked to "create a video", "design motion graphics", "plan video content", or "spec out a video". Produces detailed scene-by-scene specifications with timing, audio, sound effects, and animation descriptions.
wireframing-prototyping
by Logos-Liber
Wireframing tools, prototyping techniques, user flows, sitemaps, and design handoff to developers
blender
by Logos-Liber
Blender interface, workflows, and 3D production pipeline
unity
by Logos-Liber
Unity engine fundamentals and workflows for 3D asset integration
slidev-click-animations
by yoanbernabeu
Master v-click and sequential animations in Slidev. Use this skill to reveal content progressively and create engaging presentations.
slidev-transitions
by yoanbernabeu
Add smooth slide transitions in Slidev. Use this skill for fade, slide, and custom transitions between slides.
kanpeki
by fellipeutaka
"Use Kanpeki component library in React projects. Activate when user wants to add, use, customize, or compose accessible UI components from Kanpeki (@kanpeki/*). Covers installation, component patterns, forms, theming, and dark mode with React Aria Components + Tailwind CSS 4.1 + CVA."
kling-3-prompting
by aedev-tools
Write better prompts for Kling 3.0 AI video generation. Use when the user wants to create, write, improve, or refine prompts — text-to-video, image-to-video, keyframes, multi-shot sequences, or dialogue scenes.
blockbench-animation
by jasonjgardner
Create and manage animations in Blockbench using MCP tools. Use when animating 3D models, creating keyframes, managing bone rigs, editing animation curves, or working with animation timelines. Covers walk cycles, idle animations, combat animations, and complex multi-bone animations.
Animation Principles - Master
by dylantarre
Use when someone seeks the philosophical foundation of animation principles, wants to understand why they work, or is at a teaching/mentorship level
micro-interactions
by dylantarre
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
Animation Principles - Universal Reference
by dylantarre
Use when discussing animation principles with users of unknown skill level, or when providing a balanced reference that works for any experience level