animation-pro

Plugin animation-pro from marketplace codex-marketplace in Travis-Gilbert/claude-marketplace. Commands read from the repo's manifest — 1 month ago.

Skills (4)

• 3d-animation

  This skill should be used when the user asks to "animate a 3D scene", "add Three.js animation", "animate with R3F", "implement useFrame animation", "play a GLTF animation", "add morph targets", "animate instanced meshes", "create a camera path", "add scroll-driven camera", "implement shader animatio

• creative-animation

  This skill should be used when the user asks to "create generative art", "build a particle system", "make a flow field", "create an interactive canvas", "add canvas animation", "build a physics simulation", "animate SVG strokes", "create a creative coding piece", "add D3 transitions", "build a data-

• motion-craft

  This skill should be used when the user asks to "add animation to a component", "animate a list", "add a page transition", "make this drawer smoother", "add enter/exit animation", "implement spring physics", "add scroll animation", "add parallax", "animate on scroll", "add a gesture", "drag animatio

• production-motion

  This skill should be used when the user asks to "create a programmatic video", "build a video composition", "make an explainer animation", "compose a video with code", "render a video", "add audio sync", "build a motion graphics piece", "animate for video export", "create a Remotion composition", "b

Slash commands (9)

• /animation-pro:animate

  Add purposeful animation to a component with accessibility awareness.

• /animation-pro:compose-video

  Build a programmatic video composition.

• /animation-pro:creative

  Build a generative or interactive animation piece.

• /animation-pro:detect-animation

  Map the existing animation stack in a project.

• /animation-pro:learn

  End-of-session learning. Saves what happened, updates

• /animation-pro:motion-audit

  Audit animation quality and accessibility in a file or project.

• /animation-pro:scene-animate

  Animate a Three.js / R3F scene or component.

• /animation-pro:scroll-animate

  Add scroll-driven animation to a section or component.

• /animation-pro:spring

  Tune spring physics on a component's animation.

Subagents (10)

• a11y-motion-auditor

  Animation accessibility auditor. Use after implementing any animation to verify prefers-reduced-motion compliance, vestibular safety, and graceful degradation. Also use proactively when planning animation for accessibility-critical interfaces. - Read - Write - Edit - Grep - Glob - LS - Bash

• camera-choreographer

  3D camera path and choreography specialist. Use when implementing camera animations in Three.js/R3F: orbit controls, scroll-driven camera paths, GSAP-scrubbed camera, cinematic sequences, camera transitions between viewpoints, or first-person navigation. - Read - Write - Edit - Grep - Glob - LS - Ba

• creative-coder

  Creative coding and generative animation specialist. Use for: p5.js sketches, PixiJS sprite animation, particle systems, flow fields, generative patterns, interactive canvas experiences, and SVG animation. - Read - Write - Edit - Grep - Glob - LS - Bash

• gesture-engineer

  Gesture interaction specialist. Use when implementing drag, swipe, pinch, long-press, or other gesture-driven animations. Covers Motion gesture system, drag constraints, swipe-to-dismiss, and drag-to-reorder patterns. - Read - Write - Edit - Grep - Glob - LS - Bash

• motion-architect

  Default entry point for animation tasks. Evaluates whether animation is warranted, selects the right tool for the job, and routes to specialist agents when deeper expertise is needed. Use when the task involves any kind of animation or motion and you need to decide the approach. - Read - Write - Edi

• physics-simulator

  Physics simulation specialist for both 2D and 3D. Use for: Matter.js 2D physics (gravity, collision, constraints, composites), Rapier 3D physics (rigid bodies, colliders, joints), and any animation where objects need to behave physically. - Read - Write - Edit - Grep - Glob - LS - Bash

• scene-animator

  Three.js and React Three Fiber animation specialist. Use for: animating 3D scenes, implementing AnimationMixer playback, useFrame animation loops, morph targets, instanced mesh animation, and R3F integration patterns. Routes to camera-choreographer for camera-specific work. - Read - Write - Edit - G

• scroll-animator

  Scroll-driven animation specialist. Use when implementing scroll-triggered reveals, parallax effects, scroll-linked progress indicators, IntersectionObserver patterns, or Locomotive Scroll integration. - Read - Write - Edit - Grep - Glob - LS - Bash

• spring-engineer

  Spring physics specialist for Motion and react-spring. Use when tuning spring parameters, implementing spring-based animations, comparing spring models, or debugging spring behavior. - Read - Write - Edit - Grep - Glob - LS - Bash

• video-compositor

  Programmatic video composition specialist. Use for: Remotion compositions, Motion Canvas scenes, frame-based animation, audio sync, and video rendering pipelines. Routes here when the output is a video file rather than a web interaction. - Read - Write - Edit - Grep - Glob - LS - Bash

Similar plugins