โ† All skills
Tencent SkillHub ยท Content Creation

Motion.dev Complete Documentation

Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)

skill openclawclawhub Free
0 Downloads
0 Stars
0 Installs
0 Score
High Signal

Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)

โฌ‡ 0 downloads โ˜… 0 stars Unverified but indexed

Install for OpenClaw

Known item issue.

This item's current download entry is known to bounce back to a listing or homepage instead of returning a package file.

Quick setup
  1. Open the source page and confirm the package flow manually.
  2. Review SKILL.md if you can obtain the files.
  3. Treat this source as manual setup until the download is verified.

Requirements

Target platform
OpenClaw
Install method
Manual import
Extraction
Extract archive
Prerequisites
OpenClaw
Primary doc
SKILL.md

Package facts

Download mode
Manual review
Package format
ZIP package
Source platform
Tencent SkillHub
What's included
README.md, SKILL.md, docs/quick-start.md

Validation

  • Open the source listing and confirm there is a real package or setup artifact available.
  • Review SKILL.md before asking your agent to continue.
  • Treat this source as manual setup until the upstream download flow is fixed.

Install with your agent

Agent handoff

Use the source page and any available docs to guide the install because the item currently does not return a direct package file.

  1. Open the source page via Open source listing.
  2. If you can obtain the package, extract it into a folder your agent can access.
  3. Paste one of the prompts below and point your agent at the source page and extracted files.
New install

I tried to install a skill package from Yavira, but the item currently does not return a direct package file. Inspect the source page and any extracted docs, then tell me what you can confirm and any manual steps still required. Then review README.md for any prerequisites, environment setup, or post-install checks.

Upgrade existing

I tried to upgrade a skill package from Yavira, but the item currently does not return a direct package file. Compare the source page and any extracted docs with my current installation, then summarize what changed and what manual follow-up I still need. Then review README.md for any prerequisites, environment setup, or post-install checks.

Trust & source

Release facts

Source
Tencent SkillHub
Verification
Indexed source record
Version
0.1.0

Documentation

ClawHub primary doc Primary doc: SKILL.md 8 sections Open source page

Motion.dev Documentation

Motion is a modern animation library for React, JavaScript, and Vue. It's the evolution of Framer Motion, offering: Tiny size: Just 2.3kb for the mini HTML/SVG version High performance: Hardware-accelerated animations Flexible: Animate HTML, SVG, WebGL, and JavaScript objects Easy to use: Intuitive API with smart defaults Spring physics: Natural, kinetic animations Scroll animations: Link values to scroll position Gestures: Drag, hover, tap, and more

Installation

npm install motion

Basic Animation

import { animate } from "motion" // Animate elements animate(".box", { rotate: 360, scale: 1.2 }) // Spring animation animate(element, { x: 100 }, { type: "spring", stiffness: 300 }) // Stagger multiple elements animate("li", { opacity: 1 }, { delay: stagger(0.1) })

React

import { motion } from "motion/react" <motion.div animate={{ rotate: 360 }} transition={{ duration: 2 }} />

Scroll Animations

import { scroll } from "motion" scroll(animate(".box", { scale: [1, 2, 1] }))

Documentation Structure

quick-start.md - Installation and first animation More docs to be added...

When to Use This Skill

Use this skill when: Implementing animations in web applications Optimizing animation performance Creating scroll-based effects Building interactive UI with gestures Migrating from Framer Motion to Motion

External Resources

Official site: https://motion.dev GitHub: https://github.com/motiondivision/motion Examples: https://motion.dev/examples

Category context

Writing, remixing, publishing, visual generation, and marketing content production.

Source: Tencent SkillHub

Largest current source with strong distribution and engagement signals.

Package contents

Included in package
3 Docs
  • SKILL.md Primary doc
  • docs/quick-start.md Docs
  • README.md Docs