Updated 2w ago
by PHANTOMTONYT
motion-design-skills
Five animation styles as Claude skills: 3D toy, kinetic type, hand-drawn cartoon, system diagrams, data charts. Describe an idea, get an MP4.
21 GitHub stars (21)
+21 in 20 days
| Period | New stars |
|---|---|
| Oct 27 | +2 |
| Oct 28 | 0 |
| Oct 29 | 0 |
| Oct 30 | 0 |
| Oct 31 | +1 |
| Nov 1 | +2 |
| Nov 2 | +1 |
| Nov 3 | +1 |
| Nov 4 | +4 |
- 5 skills (5 skills found in its SKILL.md files)
- 3 forks (3 forks)
- 2w ago last update (Last updated 2w ago)
Install
Skills CLI
npx skills add PHANTOMTONYT/motion-design-skills
Asks which skills and agents to install. Just one: npx skills add PHANTOMTONYT/motion-design-skills --skill 3d-toy-character — add -g for every project.
Claude Code
git clone https://github.com/PHANTOMTONYT/motion-design-skillscp -r "motion-design-skills/3d-toy-character" ~/.claude/skills/
Copies the 3d-toy-character skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add PHANTOMTONYT/motion-design-skills
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
3d-toy-character
Cute 3D toy-style character videos - rounded vinyl-like characters with big heads and short limbs, smooth pastel materials, soft studio lighting, contact shadows and squash-and-stretch acting - rendered to MP4 at 9:16 or 16:9. Use for 3D mascots, friendly assistants, characters reacting to UI and soft 3D social clips. Not for flat 2D mascots (use character-pose-system), clay textures (use claymat…
3d-toy-character/SKILL.md on GitHub (opens in a new tab) -
data-story-charts
Data-story videos where an animated chart carries the argument - lines that draw as time passes, bars that grow, a big counter that ticks, axes that rescale when the data surprises, annotation pins on the key moments - rendered to MP4 at 9:16 or 16:9 with HyperFrames, SVG and GSAP. Use whenever someone wants to animate statistics, show a trend, growth or cost over time, compare numbers, break dow…
data-story-charts/SKILL.md on GitHub (opens in a new tab) -
hand-drawn-cartoon
Hand-drawn storybook cartoon videos - wobbly inked outlines that boil, paper grain and crayon hatching, flat muted colours, simple round characters with big expressive acting - built in code (SVG + GSAP in HyperFrames) and rendered to MP4 at 9:16 or 16:9. Use for cute explainers, character stories, mascot shorts, fables and any request for a handmade, doodly, storybook or less-corporate look. Not…
hand-drawn-cartoon/SKILL.md on GitHub (opens in a new tab) -
kinetic-typography
Kinetic typography videos where big words are the visuals - slamming, stretching, stacking, splitting and swapping in time with a voiceover or music beat - rendered to MP4 at 9:16 or 16:9. Use for text-only explainers, hooks and title sequences, quotes, lyric or poem videos, announcements and word-by-word captions as the main design. Not for subtitles over other footage (use the platform's captio…
kinetic-typography/SKILL.md on GitHub (opens in a new tab) -
system-diagram-animation
Animated system and architecture diagrams that build node by node on one stage - boxes pop in, connectors draw on, data packets travel along edges, failures get a red cross, the camera reframes as the diagram grows - rendered to MP4 at 9:16 or 16:9 with HyperFrames, SVG and GSAP. Use whenever someone wants to explain how a system, API, pipeline, protocol, request flow, AI agent or architecture wo…
system-diagram-animation/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.