motion-framer
Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layout animations…
Pacote de plugins · de Claude Design Skillstack
Resumo
motion-framer é um pacote de plugins para ferramentas de programação com IA publicado por Claude Design Skillstack. Marketplaces que lemos e que o listam: 1 (Community GitHub marketplaces). A última mudança que registramos foi em 2026-10-20. Conforme nossa passagem pelos marketplaces em 2026-10-21.
Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layout animations, AnimatePresence exit animations, spring physics, and scroll-based effects. Use when building interactive UI components, micro-interactions, page transitions, or complex animation sequences.
O que pede
- Instala-se como pacote de plugins
Nenhum dos marketplaces que lemos publica as ferramentas ou as configurações que ele pede.
O que declara, pede e executa, por completo
Instale apenas plugins de desenvolvedores em quem você confia. Mostramos o que os marketplaces publicam e não testamos plugins.
Funciona com
- Claude Code
Pelos marketplaces que o listam e pelo transporte MCP que declara, conforme cada cliente documenta. Não testamos plugins.
Conectar
Comandos e configurações gerados apenas a partir do que os marketplaces declaram. Não os executamos por você e não testamos plugins.
Como plugin do Claude Code
Gerado a partir do que Community GitHub marketplaces declara.
/plugin marketplace add freshtechbro/claudedesignskills
/plugin install motion-framer@claude-design-skillstackOnde está publicado
| Marketplace | Status | Versão | Números | Verificado | Visto pela primeira vez |
|---|---|---|---|---|---|
| Marketplace da comunidade freshtechbro/claudedesignskills (Abrir o código no GitHub) | Listado | 1.0.0 | Forks (GitHub): 185 Estrelas (GitHub): 1 091 |
Sem marcação |
Cada número é do próprio marketplace e nunca é somado entre marketplaces. Um marketplace que não publica números não mostra nenhum: sem número não é zero.
Listado em um marketplace da comunidade
| Marketplace | Repositório | Estrelas (GitHub) |
|---|---|---|
| claude-design-skillstack | freshtechbro/claudedesignskills | 1 091 |
O que o pacote contém
Conforme publicado em Community GitHub marketplaces.
Skills: 1
motion-framer
Comandos: 2
animation_generatorvariant_builder
Agentes: 1
motion-framer-choreographer
O que mudou
- Passou a ser um produto que acompanhamos
- Community GitHub marketplaces: apareceu
Plugins semelhantes
Produtos cujos próprios nomes, descrições, ferramentas e skills são os mais próximos deste pelo significado, em todos os marketplaces que lemos. A proximidade é ordenada apenas dentro desta lista.
-
Comprehensive animation and component libraries with React Spring, Magic UI, React Bits, AOS, Anime.js, and Lottie
-
Create original motion animation with Remotion.
-
Motion & 3D: GSAP animation suite, Three.js/WebGL, React Three Fiber, Lottie, Rive and Remotion video.
-
Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, keyframe sequences, or…
-
After Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JSON vector animations, interactive animated icons…
-
creating-reanimated-animations
React Native Reanimated animation code generator
-
Official GSAP skills for Cursor, Claude and other AI agents, covering tweens, timelines, ScrollTrigger, plugins, utilities, React hooks, and performance optimization
-
Simple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, landing pages, or content-heavy sites requiring basic…
-
Complete core 3D and animation stack with Three.js, GSAP, React Three Fiber, Framer Motion, and Babylon.js
-
Build distinctive, animated frontends with GSAP + ScrollTrigger: setup, primitives, scroll patterns, performance/a11y, and a self-extending design-language catalog.
Plugins semelhantes por marketplace
A mesma pergunta feita a cada marketplace separadamente: existe lá um equivalente deste plugin?
Listado em Claude Code: claude-plugins-community (5)
-
Generate professional CSS easing curves, audit animations, and get expert motion design advice — powered by Easing Wizard
-
Teach your AI agent the Plex UI component library — subpath imports, unified size scale (3xs–3xl), semantic colors, dark mode via light-dark, and 460+ icons. Works with 35+…
-
Build apps, clone websites, and implement Figma designs through Anima Playground. Describe what you want, paste a website URL, or drop in a Figma link. Anima handles design, code…
-
Build frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.
-
147 zero-dependency React components with Aurora Fluid design. 5 skills for component discovery, code generation, design system reference, tier selection, and accessibility…
Listado em Claude Code: claude-plugins-official (5)
-
HyperFrames by HeyGen. Write HTML, render video. Compositions, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for…
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Unity's official plugin for Claude Code, with curated skills for game development, monetization, and performance optimization.
-
Official Expo skills for building, deploying, upgrading, and debugging React Native apps with Expo. Covers UI development with Expo Router, SwiftUI and Jetpack Compose components…
Listado em Claude: knowledge-work-plugins (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Unity's official plugin for Claude Code, with curated skills for game development, monetization, and performance optimization.
-
Keep your coding agent up to date with the latest web best practices
-
A suite of agent skills for the full GrowthBook feature flag and experimentation lifecycle.
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
Listado em Codex: openai-curated (openai/plugins) (5)
-
Remotion video creation skills — best practices, animations, audio, captions, 3D, and more for building programmatic videos with React.
-
Write HTML, render video. Compositions, GSAP animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for HyperFrames.
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
Official Expo skills for building, deploying, upgrading, and debugging Expo and React Native apps.
Listado em Community GitHub marketplaces (5)
-
Comprehensive animation and component libraries with React Spring, Magic UI, React Bits, AOS, Anime.js, and Lottie
-
Create original motion animation with Remotion.
-
Motion & 3D: GSAP animation suite, Three.js/WebGL, React Three Fiber, Lottie, Rive and Remotion video.
-
Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, keyframe sequences, or…
-
After Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JSON vector animations, interactive animated icons…
Listado em Copilot CLI: github/awesome-copilot (5)
-
Interactive GitHub Copilot app canvas extension for building Animated PNG (APNG) files from frames. Draw or upload frames, tune per-frame timing and compositing, preview live…
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.
-
Keep your coding agent up to date with the latest web best practices
-
Play six retro Phaser mini-games in a Copilot canvas while agents work.
Listado em Copilot CLI: github/copilot-plugins (5)
-
mobile-app
Build and deploy Power Apps code apps for mobile using Expo (React Native), with native device functionality and Power Platform connectors
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
Listado em Cursor: cursor/plugins (5)
-
Build apps, scripts, and automations with the TypeScript SDK.
-
Skills for building on the Cursor Origin API. Fetch the live spec first, then follow the Origin rules for credentials, scopes, webhooks, paging, and errors. Includes a skill that…
-
Render documentation as a navigable canvas.
-
Iterative self-referential AI loops using the Ralph Wiggum technique.
-
Generate presentations, documents, and webpages.
Listado em Docker MCP Catalog (5)
-
Generate images, video, and audio with Glif's media-generation agent
-
Tools and resources for writing Effect code in Typescript.
-
Access the latest Astro web framework documentation, guides, and API references.
-
next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.
-
mcp-grafana io.github.grafana/mcp-grafana
An MCP server giving access to Grafana dashboards, data and more.
Listado em Official MCP Registry (5)
-
Create editable animations, inspect frames and export GIF/MP4 in a chosen local workspace.
-
Plan pages, pick GSAP motion components and get their build prompts and composition rules.
-
Search and add production-ready React Native / Expo animations (Reanimated, Skia) to your project.
-
Validate AI-made motion graphics and package them as editable HyperCodeMotion projects.
-
aicanvas io.github.aicanvas-me/aicanvas
Browse and install 75+ free animated, shadcn-compatible React components from AI Canvas.
Listado em npm registry (MCP servers) (5)
-
figma-ui-mcp io.github.TranHoaiHung/figma-ui-mcp
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
-
A local MCP server with full Figma REST API coverage.
-
Gives AI agents eyes and hands into running React Native apps: logs, REPL, tap, screenshots
-
icon-composer-mcp io.github.ethbak/icon-composer-mcp
CLI and MCP server for creating Apple .icon bundles with Liquid Glass effects (iOS 26+)
-
AI marketing agent and AI ad generator: 922 tools, usable alone. No markup on models.
Encontrados pelo significado, não por código ou repositório em comum: plugins semelhantes continuam sendo produtos distintos, e isto não é uma avaliação nem uma recomendação.
Quer esta marca no seu plugin em nosso catálogo?
Prove que o mantém com um arquivo no repositório, um arquivo no seu domínio ou um registro DNS, e você poderá mostrar esta marca na ficha, com banners ao vivo para o seu site e o README. Como funciona a verificação
Você também recebe alertas quando um marketplace o publica, o remove, muda a marca de verificado ou o que ele pede, e o endpoint remoto passa a ser monitorado como um serviço web.
Dados de Community GitHub marketplaces. Os números vêm das nossas próprias passagens regulares pelos marketplaces, última leitura em . Não publicamos dados de contato dos editores de plugins.