{"id":51551326,"url":"https://github.com/iart-ai/motion-skills","last_synced_at":"2026-07-11T11:00:40.666Z","repository":{"id":368388065,"uuid":"1276940779","full_name":"iart-ai/motion-skills","owner":"iart-ai","description":"50 open-source skills that teach your AI coding agent to make motion graphics, animation \u0026 video — kinetic typography, data-viz, explainers, TikTok/Reels, WebGL, Manim. 14 installable packs. By iart.ai, the AI motion agent.","archived":false,"fork":false,"pushed_at":"2026-06-30T10:05:30.000Z","size":3577,"stargazers_count":227,"open_issues_count":1,"forks_count":19,"subscribers_count":0,"default_branch":"master","last_synced_at":"2026-06-30T11:24:18.397Z","etag":null,"topics":["ai-agents","claude-code","motion-graphics","remotion","skills"],"latest_commit_sha":null,"homepage":"https://www.iart.ai","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/iart-ai.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-06-22T12:40:08.000Z","updated_at":"2026-06-30T09:58:43.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/iart-ai/motion-skills","commit_stats":null,"previous_names":["iart-ai/motion-skills"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/iart-ai/motion-skills","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iart-ai%2Fmotion-skills","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iart-ai%2Fmotion-skills/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iart-ai%2Fmotion-skills/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iart-ai%2Fmotion-skills/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/iart-ai","download_url":"https://codeload.github.com/iart-ai/motion-skills/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iart-ai%2Fmotion-skills/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35360371,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-11T02:00:05.354Z","response_time":104,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai-agents","claude-code","motion-graphics","remotion","skills"],"created_at":"2026-07-10T00:00:52.211Z","updated_at":"2026-07-11T11:00:40.654Z","avatar_url":"https://github.com/iart-ai.png","language":"HTML","funding_links":[],"categories":["Creative Media","📦 开源 Skills 库 (Open Source Skills)"],"sub_categories":["架构演进：代码优先 (Code-First)"],"readme":"# Motion Graphics Skills for AI Coding Agents\n\n\u003e **51 open-source skills that teach your AI coding agent to make motion graphics, animation, and video** — kinetic typography, data-driven charts, explainers, TikTok / Reels, 3D \u0026 WebGL, math animation, generative illustration, and web motion. Fifteen installable packs. Install one, and your agent just knows how.\n\n![Motion Graphics Skills for AI Coding Agents — animated showcase](./showcase.gif)\n\nMotion is the hardest thing to get right from a prompt: timing and easing, safe areas, frame-accurate rendering, on-brand type and color, a loop that actually loops. These skills encode that craft as agent-native workflows — each one teaches the agent *how a professional would build it*, with a **deliver-and-verify loop** (render a frame → screenshot → check) so it inspects its own output instead of hoping.\n\nThey're the open-source craft behind **[iart.ai](https://iart.ai/?utm_source=github\u0026utm_medium=readme\u0026utm_campaign=motion-skills\u0026utm_content=intro)**, the AI motion agent. Bring them into the agent you already use — or let iart.ai run the whole pipeline for you.\n\n## The 15 packs\n\nEach pack is its own repo, aimed at one audience. Install only what you need.\n\n| Pack | For | Skills |\n|---|---|---|\n| **[tiktok-video-skills](https://github.com/iart-ai/tiktok-video-skills)** | TikTok / Reels / Shorts creators | 4 |\n| **[text-message-video-skills](https://github.com/iart-ai/text-message-video-skills)** | Text-message story creators | 1 |\n| **[youtube-video-skills](https://github.com/iart-ai/youtube-video-skills)** | Podcasters \u0026 YouTubers | 2 |\n| **[ecommerce-video-skills](https://github.com/iart-ai/ecommerce-video-skills)** | E-commerce sellers | 3 |\n| **[ad-video-skills](https://github.com/iart-ai/ad-video-skills)** | Brand advertisers \u0026 marketers | 3 |\n| **[data-animation-skills](https://github.com/iart-ai/data-animation-skills)** | Analysts \u0026 PMs | 3 |\n| **[explainer-video-skills](https://github.com/iart-ai/explainer-video-skills)** | Educators \u0026 content creators | 5 |\n| **[map-animation-skills](https://github.com/iart-ai/map-animation-skills)** | Vox-style editorial maps | 1 |\n| **[web-animation-skills](https://github.com/iart-ai/web-animation-skills)** | Frontend developers | 9 |\n| **[motion-design-skills](https://github.com/iart-ai/motion-design-skills)** | Motion designers | 9 |\n| **[kinetic-typography-skills](https://github.com/iart-ai/kinetic-typography-skills)** | Kinetic type / text animation | 1 |\n| **[freelance-motion-skills](https://github.com/iart-ai/freelance-motion-skills)** | Freelancers \u0026 studios | 5 |\n| **[webgl-animation-skills](https://github.com/iart-ai/webgl-animation-skills)** | 3D / WebGL / technical | 3 |\n| **[manim-skills](https://github.com/iart-ai/manim-skills)** | Math / educational animators | 1 |\n| **[generative-illustration-skills](https://github.com/iart-ai/generative-illustration-skills)** | Generative-illustration \u0026 creative coders | 1 |\n\n## Install\n\nEach pack installs on its own:\n\n```bash\nnpx skills add iart-ai/tiktok-video-skills\nnpx skills add iart-ai/data-animation-skills\n# …or any pack above\n```\n\nOr add one as a Claude Code plugin:\n\n```bash\n/plugin marketplace add iart-ai/web-animation-skills\n```\n\nOnce installed, skills are auto-discovered by Claude Code, Cursor, Codex, and 40+ agents — and activate on their own when your prompt matches the work.\n\n## What's a skill?\n\nA skill is a self-contained folder (`SKILL.md` + `references/`) that teaches an agent one motion-graphics workflow — kinetic typography, beat-synced cuts, frame-accurate data charts, accessible web animation, and so on. No model fine-tuning, no plugin runtime: just the know-how, in a format every major agent already reads.\n\nSkills that produce a visual artifact ship a **deliver-and-verify loop** plus a small `scripts/` toolkit (freeze a frame, tile a contact sheet, probe the encoded MP4), so the agent confirms its own output — web skills render a standalone HTML, video skills render via Remotion or Manim.\n\n## Built for every kind of motion\n\nShort-form vertical video • explainer and educational clips • data-driven infographics and charts • product and e-commerce demos • brand and ad creative • kinetic typography and titles • editorial map animation • logo and brand-system motion • GSAP / SVG / Lottie web animation • Three.js / WebGL / shaders • Manim math animation • Remotion programmatic video.\n\n## License\n\nMIT — use them freely.\n\n---\n\nBuilt by **[iart.ai](https://iart.ai/?utm_source=github\u0026utm_medium=readme\u0026utm_campaign=motion-skills\u0026utm_content=footer)**, the AI motion agent — describe it in a prompt, or point it at a CSV or brand kit, and get editable, on-brand motion graphics with exact text and numbers.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiart-ai%2Fmotion-skills","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fiart-ai%2Fmotion-skills","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiart-ai%2Fmotion-skills/lists"}