Animation
UI animations and transitions
animator-traditional
by dylantarre
Use when creating hand-drawn or classical animation, working with frame-by-frame techniques, or applying Disney principles in their original artistic context.
timing-mastery
by dylantarre
Use when determining how fast or slow motion should be—pacing action sequences, dramatic pauses, comedic beats, or any situation where the duration of movement matters.
ux-researcher
by dylantarre
Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.
character-appeal
by dylantarre
Use when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that must have personality and presence.
naturalistic-motion
by dylantarre
Use when animation should feel organic and lifelike—creature animation, realistic characters, nature elements, or any motion that needs to breathe with authentic living quality.
exaggerated-clarity
by dylantarre
Use when motion needs to read clearly and powerfully—broad comedy, action highlights, important story beats, or any moment that must unmistakably communicate to the audience.
validating-accessibility
by fusengine
Use when checking accessibility, color contrast, keyboard navigation, ARIA, or WCAG compliance. Covers WCAG 2.2 Level AA requirements.
frontend-design
by revokslab
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Claude-Command-Suite
by qdhenry
```
live2d-control
by RTGS2017
控制 Live2D 虚拟形象的表情和动作。当 AI 回复表达肯定/同意时触发点头动画，表达否定/拒绝时触发摇头动画。用于增强虚拟形象的情感表达。
rendiv-video
by thecodacus
Guidance for building programmatic videos with rendiv — a React/TypeScript framework for composing video scenes, animating with springs and interpolation, and rendering to MP4/WebM. Use when writing or modifying rendiv compositions, working with rendiv animation APIs, or setting up a rendiv project.
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.
review-animations
by hushh-labs
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
game-engines
by pluginagentmarketplace
Master game engines - Unity, Unreal Engine, Godot. Engine-specific workflows, systems architecture, and production best practices.
Pixel Art Animator
by willibrandon
Create and manage sprite animations with multiple frames, animation tags, frame durations, and linked cels. Use when the user wants to animate a sprite, add animation, create movement, make it move, mentions "animation", "animated", "frames", "keyframes", "frame rate", "FPS", "timing", "duration", "walk cycle", "run cycle", "idle animation", "attack animation", "jump", "movement", "motion", or describes actions like "walking", "running", "jumping", "attacking", "breathing", "bobbing", "bouncing". Trigger on animation tags, loops, playback, sequences, "add frames", "duplicate frame", "frame timing", "ping-pong", "loop", "sequence". Also for linked cels, static backgrounds, and frame optimization.
styling-with-tailwind
by tenequm
Creates UIs using Tailwind CSS utility classes and shadcn/ui patterns. Covers CSS variables with OKLCH colors, component variants with CVA, responsive design, dark mode, and Tailwind v4.2 features. Supports Radix UI and Base UI primitives, CLI 3.0, and visual styles. Use when building interfaces with Tailwind, styling shadcn/ui components, implementing themes, or working with utility-first CSS.
Flow
by simota
ããã¼å¹æããã¼ãã£ã³ã°ç¶æ ãã¢ã¼ãã«é·ç§»ãªã©ã®CSS/JSã¢ãã¡ã¼ã·ã§ã³ãå®è£ ãUIã«åããä»ããããã¤ã³ã¿ã©ã¯ã·ã§ã³ãæ»ããã«ãããæã«ä½¿ç¨ã
interactive-states
by fusengine
Use when implementing button states, form field states, or interactive feedback. Covers hover, active, focus, disabled, loading states.
interaction-design
by NickCrew
User flow design, micro-interactions, and interface behavior patterns with state management for all interaction conditions. Use when designing natural interactions, feedback systems, or handling error states.
Dot
by simota
ピクセルアート専門エージェント。コード（SVG/Canvas/Phaser 3/Pillow/CSS）でドット絵を生成する。Gemini CLIへのSVG生成委譲もサポート。
generating-components
by fusengine
Use when generating UI components, buttons, forms, cards, hero sections, or using design tools. Covers Gemini Design MCP, shadcn/ui, 21st.dev, and Tailwind CSS.
vercel-react-native-skills
by guanyang
React Native and Expo best practices for building performant mobile apps. Use
camsnap
by Bitterbot-AI
Capture frames or clips from RTSP/ONVIF cameras.