fy-code-animation skill
A skill that turns copy, a style brief and sound into coherent code animation: storyboard, style choice, Remotion and review.
- 333 ★ on the repository
- Last commit
Extended access
Why this level
- The skill runs local scripts and drives a Remotion project build.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/fy-code-animationDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- The skill runs local scripts and drives a Remotion project build.
This is third-party code. Review the repository files before installing.
What it does
The `fy-code-animation` skill helps an agent produce code animation in Remotion, Canvas or HTML so scenes do not become slides with fade-ins. The order is: read the full copy, split it by meaning, choose a style, plan shots, transitions, motion, type and sound, build the scene and review the result. The folders hold methods (`modules/`), ready recipes (`recipes/`), source code for motion and camera (`implementations/`), task templates and seven worked examples. The scripts `doctor.py`, `style_library.py` and `validate_task.py` check the environment, search a 341-style library and validate a task card. If you only ask for a task card, no media is created.
Who it is for. Motion designers and developers making explainer videos in Remotion who want the agent to keep one style across the whole scene.
Good fit when
- A video script exists and needs a storyboard by meaning, not by sentence.
- You must choose an animation style from a large library and keep it past scene three.
- A clip is built in Remotion with camera moves, transitions and music.
- A finished animation is rejected and a revision plan is needed.
Not a fit when
- You need a regular deck or static images.
- The clip is edited in a video editor without code.
- You expect automatic dependency installation and finished video with no decisions from you.
Example request
Read this copy in full, build a task card with a semantic storyboard and a library style, and do not create media yet.Limitations
The 341-style library is not bundled: provide its path through `--root`, `FY_STYLE_LIBRARY_ROOT` or `adapters/style-library.config.json`, otherwise the skill stops and asks for it. Python 3.10 or newer and Node 20 or newer are required, while Remotion and other dependencies come from your project. By its description the skill does not install dependencies itself and does not create media without explicit permission. The licence is custom (`LICENSE.md`): free sharing is allowed, reselling as paid courses is not. Documentation is Chinese, and GitHub shows no recognised licence.
How to disable. Delete the `fy-code-animation` folder from the agent's skills directory.
FAQ
What do I do before the first run?
Provide the style library path and run `python scripts/doctor.py`; it shows what is missing.
Does it produce finished video?
Only if the task allows it. By default you can stop at a task card, a still frame or a sound preview.
Which tools are needed?
Python 3.10 or newer for scripts, Node 20 or newer for logic tests, and Remotion, Canvas or HTML to build.
Can I use it in a commercial project?
`LICENSE.md` allows free use and sharing and forbids passing it off as a paid course. Confirm other cases with the author.
Is there a mirror?
Yes, the README points to a Gitee mirror.
Discussion
No questions or reviews yet.
Related
SkillsA skill for Claude Code and Codex that turns AI video and frames into web animation driven by scroll, cursor, touch or device tilt
A skill that animates anything drawn in code: characters, water, smoke, icons and scenes in React Native and SwiftUI
Motion2Code includes a web-animation skill: the agent checks output against source frames and shows both versions side by side.
Motion.dev Animations Skill
motion-dev-animations-skill
A Claude Code skill for Motion.dev, the successor of Framer Motion: 120 fps web animation, spring physics, scroll animation
A motion design skill for agents: timing, easing, choreography and Disney animation principles applied to UI
Creative coding skills for Claude Code: motion, micro-interactions and visual systems for web, Android and Apple
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Authentication | Repository stars | Main difference |
|---|---|---|---|---|
| fy-code-animation (this card) | no | 333 | ||
| Remotion Bits | no | not required | 517 | a library of ready Remotion animations with MCP; fy-code-animation drives the process from storyboard to scene |
| Claude Remotion Skill | no | 984 | teaches an agent to write video in Remotion; fy-code-animation adds semantic storyboarding, styles and review |
README in short
The README covers purpose, folder contents, installation by copying, the first `doctor.py` check, requirements, tests and licence.