New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Disney Animation Rule Skill

by vibe-motion in vibe-motion/skills

Apply Disney's 12 principles as practical design and engineering rules for procedural animation.

No licenceAuto-check passedMedia & Creative

Install Disney Animation Rule Skill

skills CLI
$ npx skills add vibe-motion/skills --skill disney-animation-rule-skill -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install vibe-motion/skills disney-animation-rule-skill --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/disney-animation-rule-skill .claude/skills/disney-animation-rule-skill && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
disney-animation-rule-skill
GitHub stars
1.3k
Token cost
~1.5k tokens
SKILL.md length
780 words
Files
4 (incl. references)
Skills in repo
16
Repo updated
First seen
Licence
None found

At a glance

Apply Disney's 12 principles as practical design and engineering rules for procedural animation.

  • Works in 9 steps: Inspect the scene, code, inputs,… → State the action in one sentence:… → Identify the primary action and rank all… → …
  • Debugging code-driven motion in web
  • SKILL.md covers Workflow, Block the Action, Build the Motion Hierarchy and Engineer Deterministically, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Disney Animation Rule Skill is an agent skill from vibe-motion/skills. Apply Disney's 12 principles as practical design and engineering rules for procedural animation. Use when creating, improving, reviewing, or debugging code-driven motion in web, SVG, canvas, React, Remotion, game, UI, character, camera, or 3D scenes; especially when motion feels stiff, weightless, mechanical, unclear, or physically correct but visually weak.

Its SKILL.md is about 1.5k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `references/clawd-jump-case-study.md`, `references/implementation-patterns.md` and `references/twelve-principles.md`).

It sits in Media & Creative, covering Video production and 3D graphics and WebGL. It works with React and Remotion. The repository describes itself as: agent skills for vibe motion.

When your agent uses it

  • Debugging code-driven motion in web
  • Especially when motion feels stiff
  • Physically correct but visually weak

Example prompts

  • “/disney-animation-rule-skill”

Workflow steps

9 steps, taken from the first numbered list in SKILL.md.

  1. Inspect the scene, code, inputs, renderer, and project constraints before changing motion.
  2. State the action in one sentence: subject, intention, force, destination, and desired feeling.
  3. Identify the primary action and rank all secondary actions beneath it.
  4. Block semantic phases and event poses before selecting easing curves.
  5. Select relevant principles from references/twelve-principles.md.
  6. Define one deterministic state evaluator from frame or time plus explicit inputs.
  7. Derive deformation, overlap, accents, and effects from primary motion or semantic events.
  8. Tune timing and spacing at representative frames, then review the full motion.
  9. Remove effects that hide weak posing, unclear timing, broken contacts, or poor silhouettes.

What it can do on your machine

Read from SKILL.md and the folder at commit 4c86c0d. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Disney Animation Rule Skill loads about 1.5k tokens when it runs, and up to ~4.2k if it reads all its reference files. Until then it costs about 97 tokens; SKILL.md has 780 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~97
When it runs · the whole SKILL.md, loaded when a task matches
~1.5k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~4.2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 780 words (~1,506 tokens).

“Design motion for readable intent, weight, rhythm, and personality. Treat physical simulation and interpolation as inputs, not as the final animation.”

— opening of SKILL.md by vibe-motion
name
disney-animation-rule-skill

Read the full SKILL.md on GitHub

Files

SKILL.md and 3 other files (references) in disney-animation-rule-skill of vibe-motion/skills.

  • SKILL.md
  • references/clawd-jump-case-study.md
  • references/implementation-patterns.md
  • references/twelve-principles.md

Open the folder on GitHubat commit 4c86c0d

Compare with similar skills

Disney Animation Rule Skill next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Disney Animation Rule Skill compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Disney Animation Rule Skill this skillvibe-motion/skills1.3k—~1.5kAutomated safety check: PassNone
Multi Surface Renderyonatangross/orchestkit292—~4kAutomated safety check: PassMIT
Remotion to HyperFrames Porterheygen-com/hyperframes60k3 repos~2.8kAutomated safety check: PassApache-2.0
Add New Packageremotion-dev/remotion63k—~777Automated safety check: NotesCustom licence
Remotion Best Practiceslyonjs/shortvid.io14733 repos~1kAutomated safety check: PassMIT
Nullable New Paramsremotion-dev/remotion63k—~1kAutomated safety check: PassCustom licence

Similar skills

  • Multi Surface Render

    yonatangross/orchestkit

    Multi-surface rendering with json-render — one JSON spec produces React web, Next.js, React Native, Ink terminal UIs, PDFs, emails, Remotion videos, OG images, and 3D scenes.

    292 GitHub stars~4k tokensUpdated yesterday
    Media & CreativeAuto-check passed

  • Remotion to HyperFrames Porter

    heygen-com/hyperframes

    Ports an existing Remotion (React) composition to HyperFrames HTML with GSAP, one way, and grades the result against a tiered set of reference fixtures.

    60k GitHub starsUsed in 3 repos~2.8k tokens
    Media & CreativeAuto-check passed

  • Add New Package

    remotion-dev/remotion

    Official

    Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, and release checklist updates.

    63k GitHub stars~777 tokensUpdated yesterday
    Media & CreativeAuto-check: notes

  • Remotion Best Practices

    lyonjs/shortvid.io

    Best practices for Remotion - Video creation in React. An agent skill from lyonjs/shortvid.io.

    147 GitHub starsUsed in 33 repos~1k tokens
    Media & CreativeAuto-check passed

  • Nullable New Params

    remotion-dev/remotion

    Official

    Fix newly added optional parameters, optional React props, and optional type/interface members in Remotion monorepo diffs by converting internal APIs to required nullable values and updating call…

    63k GitHub stars~1k tokensUpdated yesterday
    DevelopmentAuto-check passed

  • Video Talkcraft

    Vincentwei1021/video-talkcraft

    终极口播视频 skill：中文口播稿 + 成品配音 → CPU 字级时间戳 → SHOTBOOK 层矩阵分镜 → Remotion 电影感成片（横屏默认/竖屏）。当用户要"做口播视频"、"解说/科普视频"、"把文案变成视频"、"给配音配画面动效"时使用。默认使用成品配音，可选 Fish Audio 从稿子合成配音与时间戳；数字人生成技术不在本 skill…

    1.5k GitHub stars~8.7k tokensUpdated 9 days ago
    Media & CreativeAuto-check: notes

More from vibe-motion/skills

All 16 skills in this repo

  • Pixel2motion

    vibe-motion/skills

    Turn a raster logo (PNG/JPG/WebP/screenshot) into a clean minimal SVG with edge smoothness as the primary hard gate and IoU optimized as high as reasonably possible without a fixed global threshold…

    1.3k GitHub starsUsed in 1 repo~7.1k tokens
    Auto-check passed

  • Brand Launch Video Star

    vibe-motion/skills

    Create fast, high-impact 15-30 second brand and product marketing videos from an official company website, verified brand sources, or user-uploaded product imagery.

    1.3k GitHub stars~2.3k tokensUpdated 6 days ago
    Auto-check passed

  • 3D Chladni Render

    vibe-motion/skills

    Clone or update https://github.com/nolangz/3D-Chladni and export deterministic 3D Chladni particle motion as MP4 or transparent ProRes MOV.

    1.3k GitHub stars~1k tokensUpdated 6 days ago
    Auto-check passed

  • Colorize

    vibe-motion/skills

    Turn photos, videos, and Live Photos into a black-and-white to color reveal clip (单彩渐变 + 动感模糊 + 丁达尔旋焦).

    1.3k GitHub stars~1.5k tokensUpdated 6 days ago
    Auto-check passed

  • Light Spotlight Render

    vibe-motion/skills

    Generate a swinging spotlight text-reveal HTML animation with configurable text, swing angle, lamp scale, glow, and colors.

    1.3k GitHub stars~572 tokensUpdated 6 days ago
    Auto-check passed

  • Printed Curtain Render

    vibe-motion/skills

    Generate a browser-based p5.js curtain simulation that weaves user-supplied PNG, JPEG, or WebP artwork and optional text into individually moving strands.

    1.3k GitHub stars~978 tokensUpdated 6 days ago
    Auto-check passed

Works with

Categories

Questions about Disney Animation Rule Skill

What does Disney Animation Rule Skill do?

Apply Disney's 12 principles as practical design and engineering rules for procedural animation. Disney Animation Rule Skill is an agent skill from vibe-motion/skills. Apply Disney's 12 principles as practical design and engineering rules for procedural animation.

When should I use Disney Animation Rule Skill?

Disney Animation Rule Skill fits situations like: debugging code-driven motion in web; especially when motion feels stiff; physically correct but visually weak.

How do I install Disney Animation Rule Skill in Claude Code?

Run `npx skills add vibe-motion/skills --skill disney-animation-rule-skill -a claude-code`. Or copy the skill folder (disney-animation-rule-skill in vibe-motion/skills) into .claude/skills/disney-animation-rule-skill in your project. Claude Code loads it when a task matches its description.

How do I install Disney Animation Rule Skill in Codex?

Run `npx skills add vibe-motion/skills --skill disney-animation-rule-skill -a codex`. Or copy the skill folder (disney-animation-rule-skill in vibe-motion/skills) into .agents/skills/disney-animation-rule-skill in your project. Codex loads it when a task matches its description.

Can I use Disney Animation Rule Skill in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add vibe-motion/skills --skill disney-animation-rule-skill -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/disney-animation-rule-skill, .gemini/skills/disney-animation-rule-skill, .github/skills/disney-animation-rule-skill and .opencode/skills/disney-animation-rule-skill in your project.

What does Disney Animation Rule Skill need to run?

SKILL.md names no scripts, command-line tools or credentials: Disney Animation Rule Skill is instructions for the agent only.

Does Disney Animation Rule Skill access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Disney Animation Rule Skill safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Disney Animation Rule Skill use?

No licence was found for Disney Animation Rule Skill or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Disney Animation Rule Skill use?

About 1.5k tokens (SKILL.md is roughly 6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.7k tokens, read only when the agent opens those files.

What are the alternatives to Disney Animation Rule Skill?

Skills that share tags, products or a category with Disney Animation Rule Skill: Multi Surface Render (yonatangross/orchestkit, 292 stars), Remotion to HyperFrames Porter (heygen-com/hyperframes, 60k stars), Add New Package (remotion-dev/remotion, 63k stars) and Remotion Best Practices (lyonjs/shortvid.io, 147 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Disney Animation Rule Skill?

vibe-motion (a GitHub organization) maintains it in vibe-motion/skills, which has 1,335 GitHub stars. The repository holds 16 skills in this directory. The repository was last updated on October 5, 2026.

Source: vibe-motion/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.