motion-frames
95 / 100 · Low risk
Fine to try.
A single-frame motion-design composition with looping CSS animations — rotating type ring, animated globe, ticking timer, parallax labels. Renders as a hero video poster you can hand straight to HyperFrames or any keyframe-based exporter. Use when the brief asks for "motion design", "animated hero", "loop", "video poster", "title card", or pairs Open Claude Design with HyperFrames for a kinetic export.
What this skill can do
Runs commands on your computer
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'motion-frames' ] || [ -L ~/.agents/skills/'motion-frames' ]; then echo 'A skill folder named motion-frames already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/zai-org/ZCode' "$d" && git -C "$d" checkout --quiet 'b95ebaffeab641907b38652f45c1502bd762972d' -- 'apps/zcode-cli/packages/design-plugin/skills/design/design-resources/design-skeletons/motion-frames' && mkdir -p ~/.agents/skills && cp -R "$d"/'apps/zcode-cli/packages/design-plugin/skills/design/design-resources/design-skeletons/motion-frames' ~/.agents/skills/'motion-frames' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'motion-frames' ~/.claude/skills/'motion-frames' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
[](https://zalavijaysinh.github.io/skilltrust/repos/zai-org/ZCode/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-11 | b95ebaf | 95 |