Results for “svg-animation”

17 skills

Frame Glitch Title

Generates a single-file HTML page with a cyberpunk glitch-art title frame, featuring chromatic aberration, scanlines, noise grain, and data-corruption animations.

Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scroll-to, flip animations, draggable, SVG drawing, or plugin registration.

More results

Svg Icon Generator

Generate svg icon generator operations. Auto-activating skill for Visual Content. Triggers on: svg icon generator, svg icon generator Part of the Visual Content skill category. Use when working with svg icon generator functionality. Trigger with phrases like "svg icon generator", "svg generator", "svg".

Threejs Animation

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.

Animation Motion

Implement Flutter animations and motion design, from implicit and explicit animations to Hero transitions, Rive, and Lottie, with project structure and code examples.

Animation Basics

Animation theory covering the 12 principles of animation and timing guidance. Use when designing motion, choosing easing approaches, or improving animation quality.

claude-dev-suite

ASCII video: convert video/audio to colored ASCII MP4/GIF.

ASCII video: convert video/audio to colored ASCII MP4/GIF.

Threejs Animation

Create and control Three.js animations including keyframe, skeletal, morph target, and animation blending.

Sketch - Collaborative SVG Canvas

Manim CE animations: 3Blue1Brown math/algo videos.

Svit Scaling Up Visual Instruction Tuning Arxiv 2307 04087v2

SVIT: Scaling up Visual Instruction Tuning

Video Hyperframes

Generates a sequence of fullscreen video frames with cinematic visuals, auto-play, and metadata for Remotion/Hyperframes rendering.

Mengto Gooey Blob System

Use when creating a gooey blob system with SVG filters where overlapping shapes merge into one fluid mass (Gaussian blur + color matrix), with soft organic boundaries and continuous motion. Prefer this over particle or WebGL blob looks when filter-driven SVG merging is required.

Creates production-grade p5.js sketches: generative art, interactive visualizations, 3D scenes, shaders, and audio-reactive visuals, with export to HTML, PNG, GIF, MP4, or SVG.

Frame Data Chart Nyt

Creates a New York Times-style data chart frame with animated reveal, supporting line, bar, and range-band charts from CSV/JSON or a textual conclusion.