Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →sundial-org/animation-gen
Generate CSS and Framer Motion animations from plain English.
Passed 21 of 22 test cases with the skill, and 15 of 22 without it.
and 6 more in the full report
6 fixed15 passed either way1 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 6 test cases the skill fixed. Same model, same prompt, with and without the skill.
Which format argument should be passed to ai-animation if only standard CSS keyframes are needed for an element pulse effect?
| Checked | Without skill | With skill |
|---|---|---|
| Specifies `-f css` in the CLI options | Missed | Passed |
The instructions your model reads when the skill loads.
Describing animations is easy. Writing the keyframes and easing functions is not. Tell this tool what you want to see and it'll give you the CSS or Framer Motion code to make it happen.
One command. Zero config. Just works.
npx ai-animation "fade in from left with bounce"
# Get CSS keyframes
npx ai-animation "pulse glow effect" -f css
# Get Framer Motion variant
npx ai-animation "staggered list entrance" -f framer
# Save to file
npx ai-animation "smooth slide up reveal" -f both -o animations.ts
# Complex animation
npx ai-animation "shake horizontally three times then settle"
test cases passed, vs 15 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.