rossark0/rossark-motion-skill

选用指南

AI 根据 README 整理 · 2026/10/22 18:36:30

目标用户

面向希望为应用和绘图添加生动动画的设计师和工程师。

查看 README 依据

<a href="demo/reveal.mp4"> <img width="360" alt="A blue silhouette floats in with dangling feet, then a kid in a striped kit drops in, lands, kicks a ball that rolls in from the right, waves, grins and hops" src="demo/reveal.gif" /> </a> # Motion For Anything You Draw For designers and engineers who want to bring their apps and drawings to life. Making a drawing move is easy. Making it feel alive is hard: it has to breathe, look around, blink, shift its weight and act, without ever freezing or jumping. This skill helps your agent get there.

使用方式

通过npx命令安装为Claude Code技能，使用时需遵循SKILL.md中的原则和流程。

查看 README 依据

It started as the method I used to bring the illustrations in my app to life, and grew into a way to animate anything drawn: characters and creatures, plants, cloth, fire, smoke, water, weather, lights, machines, icons, logos, charts and whole scenes. The animation above is drawn and animated entirely in code, with the templates in this repo. ## Install ```bash npx skills@latest add rossark0/rossark-motion-skill ``` ## Why use it? Agents don't animate like animators.

## Reference - **[SKILL.md](./SKILL.md)**: The skill. Principles, recipes for every kind of subject, live faces, full-body acting, scenes that tell an action, motion in an interface, pitfalls, working from a reference video, and a workflow. - **[MOTION.md](./MOTION.md)**: A notes file for your project. Copy it next to your art and fill in Part 2 as you go: where the code is, your rules, what your art can't do, and how you check changes. The skill reads it first.

部署要求

需要Claude Code环境，并支持React Native或SwiftUI平台。

查看 README 依据

It started as the method I used to bring the illustrations in my app to life, and grew into a way to animate anything drawn: characters and creatures, plants, cloth, fire, smoke, water, weather, lights, machines, icons, logos, charts and whole scenes. The animation above is drawn and animated entirely in code, with the templates in this repo. ## Install ```bash npx skills@latest add rossark0/rossark-motion-skill ``` ## Why use it? Agents don't animate like animators.

- **[motion.ts](./templates/react-native/motion.ts)** and **[Motion.swift](./templates/swiftui/Motion.swift)**: The engine, for React Native and SwiftUI. Loop and one-shot clocks, `track`, `flow` (smooth acting through key poses), `seg`, `wave`, `loop`, `bell`, `seeded` and the curves. - **[liveFace.tsx](./templates/react-native/liveFace.tsx)** and **[LiveFace.swift](./templates/swiftui/LiveFace.swift)**: Live eyes and mouths that glide, blink and smile. You give them the geometry and the colours.