{"id":51197075,"url":"https://github.com/vibe-motion/skills","last_synced_at":"2026-07-16T06:00:47.854Z","repository":{"id":345114978,"uuid":"1184541668","full_name":"vibe-motion/skills","owner":"vibe-motion","description":"agent skills for vibe motion","archived":false,"fork":false,"pushed_at":"2026-06-11T17:14:30.000Z","size":29892,"stargazers_count":652,"open_issues_count":0,"forks_count":44,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-06-11T19:09:02.071Z","etag":null,"topics":["agent","skills","vibe-coding","vibe-motion"],"latest_commit_sha":null,"homepage":"","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vibe-motion.png","metadata":{"files":{"readme":"README.en.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-03-17T17:29:31.000Z","updated_at":"2026-06-11T17:14:36.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/vibe-motion/skills","commit_stats":null,"previous_names":["vibe-motion/skills"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vibe-motion/skills","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vibe-motion%2Fskills","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vibe-motion%2Fskills/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vibe-motion%2Fskills/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vibe-motion%2Fskills/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vibe-motion","download_url":"https://codeload.github.com/vibe-motion/skills/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vibe-motion%2Fskills/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35532646,"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-16T02:00:06.687Z","response_time":83,"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":["agent","skills","vibe-coding","vibe-motion"],"created_at":"2026-06-27T21:31:06.299Z","updated_at":"2026-07-16T06:00:47.848Z","avatar_url":"https://github.com/vibe-motion.png","language":"Python","funding_links":[],"categories":["Diagram and Visual Skills"],"sub_categories":[],"readme":"\u003cp align=\"right\"\u003e\n  \u003ca href=\"./README.md\"\u003e简体中文\u003c/a\u003e | English\n\u003c/p\u003e\n\n## Installation\n\n```bash\nnpx skills add vibe-motion/skills\n```\n\n\u003e Note: This is an interactive installer. Use `Space` to select skills (installing all is recommended), and make sure to choose the target agent (for example, Claude Code), since different agents use different skill directories.\n\n## Available Skills\n\n### ruler-progress-render\n\nCreates a ruler progress animation. Trigger keyword: 尺子进度动画; supports configurable parameters such as text and progress.\n\n\u003cimg src=\"https://img.laosunwendao.com/skill-uploads/916118e2be5c4b33a8c16f35a3b12200.gif\" alt=\"ruler-progress effect\" width=\"540\" /\u003e\n\n### claude-typer\n\nConverts prompt text into a Claude Code CLI typing animation demo.\n\n![claude-typer effect](https://img.laosunwendao.com/skill-uploads/3dbc047456374640bd00a078e22a5008.gif)\n\n### procedural-fish-render\n\nGenerates a loop-friendly procedural fish animation.\n\n![procedural-fish effect](https://img.laosunwendao.com/skill-uploads/96d88ab6cb9a4e1ca76abd73db08d888.gif)\n\n### svg-assembly-animator\n\nDelivers a strong \"power + speed\" assembly look from static vectors.\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003cstrong\u003eSVG\u003c/strong\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003cstrong\u003eGIF\u003c/strong\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://img.laosunwendao.com/ship.svg\" alt=\"ship svg\" width=\"256\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://img.laosunwendao.com/ship_30fps_whitebg.gif\" alt=\"ship gif 30fps white background\" width=\"256\" height=\"256\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n### pixel2motion\n\nTurns PNG/JPG/WebP/screenshot logos into clean, low-complexity, motion-ready SVG, then generates branded logo motion, interactive HTML demos, GIF/video previews, and motion QA evidence. Useful for logo animation, SVG logo reveal, brand motion delivery, and pixel-to-vector-to-motion workflows.\n\n\u003cimg src=\"pixel2motion/assets/demo.gif\" alt=\"pixel2motion logo animation effect\" width=\"540\" /\u003e\n\n### light-spotlight-render\n\nGenerates a swinging spotlight text-reveal HTML animation with configurable text, swing range, lamp scale, glow, and background color.\n\n\u003cimg src=\"light-spotlight-render/assets/demo.gif\" alt=\"light spotlight effect\" width=\"540\" /\u003e\n\n### remotion-3d-ticker\n\nCreates an infinite 3D vertical scrolling photo wall/ticker animation in Remotion. Configurable image columns, scroll direction, and speed.\n\n\u003cimg src=\"remotion-3d-ticker/assets/VerticalTicker.gif\" alt=\"3d ticker effect\" width=\"540\" /\u003e\n\n### remotion-vinyl-player\n\nCreates an elegant, realistic Vinyl Record Player animation in Remotion. Features infinite record rotation, seamless marquee text scrolling for long titles, and customizable album art.\n\n\u003cimg src=\"remotion-vinyl-player/assets/VinylPlayer.gif\" alt=\"vinyl player effect\" width=\"540\" /\u003e\n\n### threejs-earth-render\n\nClones or updates `vibe-motion/threejs-earth` and renders a Three.js 3D Earth route animation with Puppeteer. Useful for globe flight arcs, city-to-city transitions, and 16:9 Earth GIF/MP4 exports.\n\n\u003cimg src=\"threejs-earth-render/assets/earth.gif\" alt=\"threejs earth route animation\" width=\"448\" /\u003e\n\n### wechat-2d-render\n\nClones or updates `sxhzju/wechat-2d` and renders the default WeChat-style 2D chat motion video. Useful for WeChat chat animation, video-message bubble motion, and transparent Remotion exports.\n\n\u003cimg src=\"wechat-2d-render/assets/wechat-2d-demo.gif\" alt=\"wechat 2d chat motion effect\" width=\"390\" /\u003e\n\n### disney-animation-rule-skill\n\nApplies Disney's 12 animation 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.\n\n## Misc\n\n### Fish School Simulation\n\nA Three.js boids fish school simulation project. This is a standalone project, not a skill.\n\nProject: [vibe-motion/threejs-boids](https://github.com/vibe-motion/threejs-boids)\n\n\u003cimg src=\"https://raw.githubusercontent.com/vibe-motion/threejs-boids/%E4%BA%A4%E4%BA%92%E9%B1%BC%E7%BC%B8/demo.gif\" alt=\"threejs boids fish school simulation\" width=\"540\" /\u003e\n\n## Community Group\n\nThe WeChat group has reached 200 members and can no longer be joined via QR code. Please add my WeChat and I'll manually invite you to the group.\n\nTG group: t.me/zjucat\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.laosunwendao.com/skill-uploads/49bbd79ea9554357a2b9a9e839748dcc.jpg\" alt=\"WeChat QR code\" width=\"176\" /\u003e\n\u003c/p\u003e\n\n## Star History\n\n[![Star History Chart](https://api.star-history.com/svg?repos=vibe-motion/skills\u0026type=Date)](https://www.star-history.com/#vibe-motion/skills\u0026Date)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvibe-motion%2Fskills","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvibe-motion%2Fskills","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvibe-motion%2Fskills/lists"}