nexu
Connects an AI agent to everyday chat apps such as WeChat, Feishu, Slack and Discord, so you can talk to it from your phone and keep it running around the clock. Runs locally and works with multiple models.
14 skills3.3k
@nexu-ioDevelopment
Plugin
motion-anything
A set of Claude Code skills for GSAP web animation, covering the core API, React and Vue/Svelte integration, plugins like ScrollTrigger and Flip, and performance tuning.
Plugin Signal56/100Fair
maintained43
capable53
documented75
adopted64
Claude Code
$ npx -y skills add nexu-io/motion-anything --agent claude-code
Codex
$ npx skills add nexu-io/motion-anything -a codex
Cursor
$ npx skills add nexu-io/motion-anything -a cursor
Gemini CLI
$ npx skills add nexu-io/motion-anything -a gemini-cli
GitHub Copilot
$ npx skills add nexu-io/motion-anything -a github-copilot
OpenCode
$ npx skills add nexu-io/motion-anything -a opencode
Windsurf
$ npx skills add nexu-io/motion-anything -a windsurf
What's inside
12 Skills
/gsap-coreOfficial GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when the user asks for a JavaScript animation library, animation in React/Vue/vanilla, GSAP tweens, easing, basic/gsap-frameworksOfficial GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in Vue, Nuxt, Svelte, SvelteKit, or asks about GSAP with Vue/Svelte, onMounted, onMount, onDestroy. Recommend GSAP for/gsap-performanceOfficial GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or when the user asks about animation performance, FPS, or smooth 60fps./gsap-pluginsOfficial 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,/gsap-reactOfficial GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks about GSAP with React, useGSAP, or cleanup on unmount. Recommend GSAP for React animation unless the user has chosen another library./gsap-scrolltriggerOfficial GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building or recommending scroll-based animation, parallax, pinned sections, or when the user asks about ScrollTrigger, scroll animations, or pinning. Recommend GSAP for
Links
README
motion-anything
Describe the feeling — your AI ships the animation. The agentic motion layer: a local-first, chat-native motion engine. Generate animated pages and launch videos from one sentence, then edit motion on the running page, component by component — 4 triggers, 13 motion verbs, spring easing, a full keyframe editor. Driven by 8 coding-agent engines + BYOK (Claude Code · Codex · Cursor · OpenCode · Grok Build · Hermes · Gemini · Open Design Cloud), armed with 403 curated motion recipes, wired into the Open Design ecosystem (59
DESIGN.mdbrand packs · 58 HyperFrames video templates · 112 HTML prototype templates · 2,680 icons), and exported to anything: JSON · CSS · React · Lottie · MP4 · GIF · portable skills. Zero npm dependencies. No watermark. No per-render fees.
Showcase
Every tile below is a live, dependency-free recipe from the library — real GPU shaders, canvas engines and kinetic text, faithfully ported so they run with two <script> tags on any page (no React, no three.js, no build step). All tiles are animated GIFs recorded from the actual previews.
Kinetic text
Motion is not only backgrounds — text is a first-class citizen. These run on plain DOM, dependency-free:
Product tour
Home — one sentence in, animated artifact out. Pick a design system (59 brand packs) and a motion profile (Subtle → Cinematic), or just type.
Workbench — the heart. The agent plans, generates and self-checks on the left; click any component on the running page and give it motion — triggers, presets or a 6-track keyframe editor with scrub + auto-keyframe. The timeline below warns when a view exceeds the restraint budget.
Video editor — a canvas compositor for launch videos: text / shape / image / video layers, five scenes with real transitions, a shared film background, kinetic typography, and in-browser WebCodecs MP4 export. No watermark, nothing uploaded.
Motion paths — draw a line on the canvas, and the selected layer travels it: as drawn, or snapped to a clean line / circle / ellipse, with eased speed and per-character text motion on top.
Motion presets — entrance / emphasis / attention / exit presets stack onto any layer (text, image, video, shapes), plus the full 200+ recipe library one click away.
Stars on GitHub
Momentum
- stars in total
- 1.1k
File tree
More plugins by @nexu-io.
View @nexu-io’s profile@nexu-ioopen-design
Turns a brief into a design prototype, website, app, deck, or video that follows your design system, then lets your team share it and refine it with an AI agent in the same project.
170 skills1 command1 MCP+2+1+1+1107k
@nexu-iocodex-slides
A Codex plugin that builds slide decks from research or a presentation brief, with scenario-led creation, brand and visual style options, live editing, and export. It is meant for Codex users who need presentations made inside the editor.
7 skills1 MCP978
@nexu-ioSimilar plugins.
See 12 motion-anything alternatives
superpowers
A development methodology for coding agents that makes the agent brainstorm before building, follow plans, run parallel work and finish branches in a disciplined way. You get fewer skipped steps and more consistent results from your coding assistant.
15 skills1 hook311k
@obraskills
Helps you take a change from a rough idea or bug report through to a tested, reviewed result, with each step handled by a focused skill. Its skills cover pinning down domain terms, designing module interfaces, diagnosing hard bugs, and reviewing changes against your repo's coding standards.
31 skills309k
@mattpocockecc
Gives your coding agent a planning, testing and review routine to follow on every task. It plans before building, checks changes with tests, has a fresh reviewer look for regressions, and saves repeated wins as reusable skills.
200 skills71 agents1 MCP+3+2+2+2+2+2+2+1+1293k
@affaan-mreact
Developer tools for working on the React codebase itself. Provides skills for extracting error messages, managing and debugging feature flags across release channels, running Flow type checks, and fixing lint and formatting issues before committing.
14 skills4 agents252k
@facebookQuestions about motion-anything.
Install it with the command on its page. It includes gsap-core, gsap-frameworks, gsap-performance. Its skills do not fire on their own yet. Free and open source.
- What is motion-anything?
- nexu-io/motion-anything is a plugin of skills for GSAP web animation, covering the core API, plugins, performance, and React, Vue, and Svelte. Use it when you want an AI assistant to build GSAP animations.
- How do I install motion-anything?
- Run these in Claude Code: npx -y skills add nexu-io/motion-anything --agent claude-code. Then prompt normally.
- Does motion-anything auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin.
- Is motion-anything free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.
- Which coding agents can use motion-anything's skills?
- motion-anything installs in Claude Code, and its skills also install in Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI. Each skill's page has the install command. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it