← All skills

design-motion

77 / 100 · Review before installing

Check before installing.

By garrytan/gstack (GitHub) · design · 141,312 stars · scanned at commit bc858ff

Design motion: animate an approved design into a seamless MP4 and GIF loop. (gstack)

Works with any agent that supports SKILL.md skills.

What this skill can do

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

• 84 Low riskclaude-motionJimLiu/baoyu-design · 6,281 stars
• 100 Low riskfigma-implement-motionDevin-AXIS/iPolloWork · 7,445 stars
• 80 Low riskmotion-backgroundiart-ai/motion-design-skills · 226 stars

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'design-motion' ] || [ -L ~/.agents/skills/'design-motion' ]; then echo 'A skill folder named design-motion already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/garrytan/gstack' "$d" && git -C "$d" checkout --quiet 'bc858ffc659bcc61558f60d0e023a009817dd48f' -- 'design-motion' && mkdir -p ~/.agents/skills && cp -R "$d"/'design-motion' ~/.agents/skills/'design-motion' && 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/'design-motion' ~/.claude/skills/'design-motion' (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

The badge for garrytan/gstack shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/garrytan/gstack.svg)](https://zalavijaysinh.github.io/skilltrust/repos/garrytan/gstack/)

Score history