Packs
3 packscurated
React Motion UI System
Install foundational motion tokens, UI patterns, and accessibility enforcement for React/Next.js.
5 skills · pack
curated
Growth Loop Implementation
Identify the right growth loop mechanism, then build the acquisition and expansion motions to drive it.
3 skills · pack
@phuryn
Go To Market
Go-to-market skills for PMs: GTM strategy, growth loops, GTM motions, beachhead segments, and ideal customer profiles.
6 skills · pack
Results for “motion”
24 skillsmotion-system
Define a motion system with duration tokens, easing vocabulary, and reduced-motion handling for consistent animation across a product.
1.7k
motion-doctrine
Defines the high-level motion law for multi-scene videos, ensuring seamless transitions and continuous camera movement through vector rules, carriers, causal motion, and seam enforcement.
· bundle
baz
Create professional motion graphics and videos from the terminal.
10 · bundle
review-animations
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
5k · bundle
transitions-polish
Polishes existing motion against the transitions.dev motion-token scale by auditing duration, distance, scale, blur, and easing values and suggesting token-based corrections.
· bundle
motion-graphics
Creates short, design-led motion graphics like kinetic typography, data visualizations, logo reveals, and animated maps, rendered as MP4 or transparent overlays.
· bundle
More results
animation-principles
Apply animation principles to UI motion for purposeful, polished interactions.
1.7k
review-animations-2
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy, flagging issues with easing, duration, performance, and accessibility.
5k · bundle
improve-animations
Audits a codebase's animation and motion code, then produces a prioritized list of findings and self-contained implementation plans for other agents to execute.
5k
animation-vocabulary
Look up the precise term for a web animation or motion effect from a vague description, such as 'the bouncy thing when a popover opens' → 'Pop in'.
5k
hyperframes-animation
Provides atomic motion rules, multi-phase scene blueprints, scene transitions, motion-design techniques, and runtime adapters (GSAP, Lottie, Three.js, Anime.js, CSS, WAAPI, TypeGPU) for composing animations with HyperFrames.
· bundle
cut-the-curve
Provides a catalog of cinematic transition techniques (zoom-through, cut-the-curve, waterfall cut, etc.) with GSAP parameters for velocity-matched seams and in-scene motion.
· bundle
find-animation-opportunities
Sweeps a codebase or UI for places that would genuinely benefit from motion, applying a strict gate to reject over-animation, and proposes precise animation recipes without implementing them.
5k
animation-vocabulary-2
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term, helping users name effects for prompting AI or designers.
5k
remotion-markup
Guidance for writing Remotion React markup with animation patterns, media handling, sequences, effects, and advanced features like 3D, audio visualization, and parameterized videos.
3.9k · bundle
muapi-3d-logo-animation
Transforms a 2D logo into a premium 3D version and animates it with professional cinematic effects.
3.7k
manim-video
Create animated technical explainers using Manim for graphs, workflows, system diagrams, and product walkthroughs with precise motion and clear scene planning.
226k · bundle
hyperframes
Creates, edits, and renders videos and animations from HTML compositions using the HyperFrames framework, handling project state, input adaptation, and workflow routing.
· bundle
explainer-video-guide
Create explainer videos from script to final cut using AI tools for voiceover, visuals, and assembly.
584
whimsy-injector
Audits product flows to find delight opportunities, then specifies micro-interactions, animations, and usability risk assessments that balance playful design with functional clarity.
2
vfx-text-cursor
Creates a video intro frame with a typing cursor effect that reveals text character by character, accompanied by chromatic aberration trails and directional light leaks.
· bundle
oversized-cursor
Provides a production-proven oversized macOS-style cursor technique for launch videos, covering size, entry, tip-targeting, click animation, and exit laws to carry the viewer's eye.
ifq-design-skills
Produces HTML-first visual design deliverables such as interactive prototypes, slide decks, motion demos, infographics, dashboards, landing pages, whitepapers, changelogs, business cards, social covers, and brand systems, with optional export to MP4, GIF, PPTX, PDF, or SVG.
24 · bundle
vox-director
Turns a one-line topic into a finished Vox-style paper-collage explainer or ad video, automating script, collage keyframes, motion, voice-over, music, and captions via the Atlas Cloud API and local ffmpeg.
42 · bundle