claude

motion-3d

Motion & 3D: GSAP animation suite, Three.js/WebGL, React Three Fiber, Lottie, Rive and Remotion video.

11 on GitHubby GEKKOS Techv1.0.0MITupdated 4 months ago
/

Plugin motion-3d from marketplace agency-os in Gekkos-tech/agency-os. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (6)

  • gsap-suite

    Complete GSAP animation suite — core tweens (gsap.to/from/fromTo, easing, stagger), timelines and sequencing, ScrollTrigger (scroll-linked animation, pinning, scrub, parallax), official plugins (Flip, Draggable, SplitText, ScrollSmoother, SVG drawing), React (useGSAP, cleanup), Vue/Svelte/Nuxt integ

  • lottie-animations

    After Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JSON vector animations, interactive animated icons, micro-interactions, or loading animations. Triggers on tasks involving Lottie, lottie-web, lottie-react, dotLottie, After Effects

  • react-three-fiber

    Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js. Use when building interactive 3D experiences in React applications with component-based architecture, state management, and reusable abstractions. Ideal for product configurators, portfolios, games, data visual

  • remotion-video

    Best practices for building programmatic videos in React with Remotion v4+. Use when the user mentions "Remotion", "video in React", "programmatic video", "render a video from code", "generate an MP4 from React components", or wants data-driven, templated, or automated video production. Covers the f

  • rive-interactive

    State machine-based vector animation with runtime interactivity and web integration. Use this skill when creating interactive animations, state-driven UI, animated components with logic, or designer-created animations with runtime control. Triggers on tasks involving Rive, state machines, interactiv

  • threejs-webgl

    Comprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU applications, product configurators, 3D visualizations, or immersive web experiences. Triggers on tasks involving Three.js, 3D rendering, scenes, cameras, meshes, materials, lights,

View source on GitHub

More from Gekkos-tech/agency-os

All 6 plugins →

SEO & search marketing: audits, technical SEO, content, schema, local SEO, AI visibility (GEO) and competitor analysis.

9 skills · 15 agents

11

Advertising creative: campaign ideation, ad copywriting, social format specs, landing page CRO, brand kits and image generation direction.

8 skills · 2 commands

11

Agency project workflow: BRIEF → CONCEPT → DESIGN → BUILD → QA → LAUNCH router, project scaffolding, handoffs and proposals.

4 skills · 5 commands

11

Design quality layer: UI/UX excellence, taste, style systems, interface polish and design review for premium web design.

7 skills · 1 command · 1 agent

11

Quality assurance: performance, Core Web Vitals, accessibility, web best practices, webapp testing and pre-launch checklists.

6 skills · 1 command · 1 agent

11

Similar plugins

Claude Code mod: watch Headroom snip tokens off every request, with an animated band, a /headroom log and a running total.

headroomlabs-ai/headroom 79,508

Generate natively editable PPTX from PDF / DOCX / URL / Markdown — real DrawingML shapes, text boxes, charts, and animations. Note: run `pip install -r requirements.txt` inside the installed plugin directory for the Python post-processing scripts to work.

1 skill

hugohe3/ppt-master 76,375

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

hyperframes

claudecodex

HyperFrames by HeyGen. Write HTML, render video. Compositions, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for HyperFrames.

34 skills

anthropics/claude-plugins-official 47,076

landing

claude

Single-file HTML landing-page generator with 4 design styles, brand palette validation, GSAP animation patterns, kebab-slug URL hygiene. Path-B from megaprompt 04.

1 skill · 1 command · 1 agent

alirezarezvani/claude-skills 29,725

Official GSAP skills for Cursor, Claude and other AI agents, covering tweens, timelines, ScrollTrigger, plugins, utilities, React hooks, and performance optimization

8 skills

greensock/gsap-skills 18,369

Maintain motion-3d?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins6 plugins