Create motion

Skill HowdyDooToYou/lottie-animation-pipeline/plugins/motionproof/skills/create-motion

Provider-neutral prompt-to-Lottie compiler with browser-certified production proof

Install

npx -y skills add HowdyDooToYou/lottie-animation-pipeline --skill create-motion

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Create, certify, or integrate production Lottie motion from a prompt, deterministic recipe, or existing JSON candidate. Use for animated UI states, loaders, success feedback, data flows, hero motion, reduced-motion posters, Lottie validation, or any request that must produce a shippable motion bundle. Do not use for generic photographic or raster-image generation.

SKILL.md

3.5 KB, 702 tokens by cl100k_base, as published. Nobody here has run it

Create Motion

Produce a MotionProof bundle or return the structured failure. Never describe an uncertified candidate as production-ready.

If the host project does not already have MotionProof, install the current public release before running the commands below:

npm install https://github.com/HowdyDooToYou/lottie-animation-pipeline/releases/download/v2.0.0/motionproof-2.0.0.tgz

Choose the route

Start without a model or API key: use a built-in recipe.
When another agent or model created Lottie JSON: certify that candidate.
When application code owns model access: use the typed provider interface.
When the host supports MCP: prefer the create_motion, certify_motion, and list_motion_recipes tools.

Create from a prompt

Run:

npx motionproof create "<motion intent>" --json

Add --recipe <id> only when the user selected a recipe. Add theme flags only when real design tokens are available:

--primary '#2f70ff' --accent '#ef6545' --background '#11151b'

Certify an existing candidate

Run:

npx motionproof certify ./candidate.json \
  --prompt "<intended visual behavior>" \
  --json

Do not repair or silently promote a failed candidate. Use its structured issues to revise the source, then certify again.

Integrate the result

Require ok: true and certification.certified: true. Then:

Copy animation.json to the target app's supported asset location.
Use poster.png whenever reduced motion is requested or JavaScript motion is unavailable.
Keep manifest.json and certification.json with the release or CI evidence.
Use preview.html for offline review.
Respect the target repository's runtime, performance, and accessibility constraints. Do not introduce motion into a surface that explicitly excludes it.

Typed provider

Keep credentials and model SDKs in the host application:

import { createMotion, defineMotionProvider } from "motionproof";

const provider = defineMotionProvider("my-agent", async ({ systemPrompt, request }) => {
  const text = await callMyModel(systemPrompt, request.prompt);
  return text;
});

const result = await createMotion(
  { prompt: "A restrained save confirmation" },
  { provider, outputDirectory: "./public/motion" },
);

The provider may return Lottie JSON, JSON text, or { animation, model?, recipe?, notes? }. MotionProof owns validation, browser rendering, poster capture, hashing, and atomic promotion.

The certified subset is expression-free and vector-only. Do not introduce image/audio layers, remote assets, external fonts, or executable expressions.

Definition of done

Accept only a bundle whose checks all pass:

strict Lottie schema without auto-repair
expression-free vector content with no external dependencies
quality score of at least 85
every representative frame paints pixels
meaningful motion across sampled transitions
payload within the delivery budget
reduced-motion poster captured

If any check fails, report the failure stage and concrete issues. Do not copy a candidate into production paths.

Gives 0 of the 12 instructions most css styling skills give in 702 tokens

Counted across 586 of the 596 authors here whose files we hold, read 2026-08-06

avoid excessive centered layoutsin 55 of 586, across 12 files
bundle code into single HTML filein 54 of 586, across 14 files
Respect prefers-reduced-motion user settingsin 52 of 586, across 35 files
avoid purple gradientsin 51 of 586, across 11 files
avoid uniform rounded cornersin 51 of 586, across 11 files
avoid Inter fontin 51 of 586, across 11 files
edit generated files to develop artifactin 50 of 586, across 10 files
animate only transform and opacity propertiesin 43 of 586
Make touch targets at least 44x44 pixelsin 41 of 586, across 15 files
Ensure minimum color contrast of 4.5:1in 39 of 586, across 10 files
use tailwind cssin 39 of 586, across 24 files
Use SVG icons instead of emojisin 38 of 586, across 11 files

Said here and by no other author read

install motionproof before running commands
return the structured failure on errors
use a built-in recipe without a model
certify existing lottie json candidates
require ok and certified flags before integrating
copy animation json to asset location

Grouped from the skills themselves: near-identical wordings counted once, and counted by distinct author, so one author publishing three of these counts once. Length counted with cl100k_base; the agent that loads this file may tokenize it differently.