Animated Image
@zackproser/claude-custom-skills-demo-animated-image
v1.0.0•Today
Generate a minimalist static image from a prompt, then animate it into a short video. Use when users want a concept image with a simple, obvious motion.
prpm install @zackproser/claude-custom-skills-demo-animated-image%20and%20an%20accompanying%20short%20animation.%0A%0A%23%23%20When%20to%20Use%0A%0A-%20You%20want%20to%20generate%20a%20single-frame%20image%20concept%20and%20animate%20a%20clear%2C%20primary%20motion.%0A-%20You%20have%20a%20short%20animation%20idea%20(e.g.%2C%20a%20ball%20rolling)%20that%20can%20be%20expressed%20as%20a%20brief%20prompt.%0A%0A%23%23%20Inputs%0A%0A-%20image_prompt%20(required)%3A%20short%20description%20of%20the%20desired%20image%0A-%20animation_prompt%20(optional)%3A%20short%20description%20of%20the%20desired%20animation%0A%0A%23%23%20Outputs%0A%0A-%20image%20file%20(.png)%0A-%20video%20file%20(.mp4)%0A%0A%23%23%20Examples%0A%0A-%20image_prompt%3A%20%22A%20wooden%20ball%20on%20a%20ramp%2C%20clean%20primary%20colors%2C%20minimalist%2C%20clean%20lines.%22%0A-%20animation_prompt%3A%20%22Animate%20the%20scene%20to%20show%20the%20wooden%20ball%20rolling%20down%20the%20ramp.%22%0A%0A%23%23%20Execution%0A%0AThe%20Skill%20runs%20local%20Node.js%20scripts%20bundled%20in%20this%20Skill%20directory.%20Ensure%20%60GOOGLE_API_KEY%60%20is%20set%20in%20your%20environment%20before%20running.%0A%0A%23%23%23%20Setup%20(one-time)%0A%0A1.%20Install%20dependencies%3A%0A%20%20%20%60%60%60bash%0A%20%20%20npm%20i%0A%20%20%20%60%60%60%0A2.%20Configure%20environment%20variables%3A%0A%20%20%20-%20Copy%20%60.env.example%60%20to%20%60.env%60%20and%20set%20%60GOOGLE_API_KEY%60%0A%20%20%20-%20Optionally%20set%20%60OUTPUT_DIR%60%20(defaults%20to%20%60~%2F..claude%2Foutputs%60%20for%20personal%20Skill)%0A%0AScripts%3A%0A%0A-%20%60scripts%2FgenerateImage.mjs%20%22%3Cimage_prompt%3E%22%60%0A-%20%60scripts%2FgenerateVideo.mjs%20%3Cimage_path%3E%20%22%3Canimation_prompt%3E%22%60%0A%0AIf%20no%20animation_prompt%20is%20provided%2C%20the%20script%20infers%20an%20obvious%20motion%20from%20the%20image%20context%20(e.g.%2C%20ball%20rolls%2C%20child%20runs%2C%20flag%20waves).%20The%20scripts%20print%20%60file%3A%2F%2F%60%20links%20for%20quick%20opening.%0A%0A%23%23%20Reference%0A%0A-%20How%20to%20create%20custom%20Skills%3A%20https%3A%2F%2Fsupport.claude.com%2Fen%2Farticles%2F12512198-how-to-create-custom-skills%0A%0A%0A){kind=link}
%20and%20an%20accompanying%20short%20animation.%0A%0A%23%23%20When%20to%20Use%0A%0A-%20You%20want%20to%20generate%20a%20single-frame%20image%20concept%20and%20animate%20a%20clear%2C%20primary%20motion.%0A-%20You%20have%20a%20short%20animation%20idea%20(e.g.%2C%20a%20ball%20rolling)%20that%20can%20be%20expressed%20as%20a%20brief%20prompt.%0A%0A%23%23%20Inputs%0A%0A-%20image_prompt%20(required)%3A%20short%20description%20of%20the%20desired%20image%0A-%20animation_prompt%20(optional)%3A%20short%20description%20of%20the%20desired%20animation%0A%0A%23%23%20Outputs%0A%0A-%20image%20file%20(.png)%0A-%20video%20file%20(.mp4)%0A%0A%23%23%20Examples%0A%0A-%20image_prompt%3A%20%22A%20wooden%20ball%20on%20a%20ramp%2C%20clean%20primary%20colors%2C%20minimalist%2C%20clean%20lines.%22%0A-%20animation_prompt%3A%20%22Animate%20the%20scene%20to%20show%20the%20wooden%20ball%20rolling%20down%20the%20ramp.%22%0A%0A%23%23%20Execution%0A%0AThe%20Skill%20runs%20local%20Node.js%20scripts%20bundled%20in%20this%20Skill%20directory.%20Ensure%20%60GOOGLE_API_KEY%60%20is%20set%20in%20your%20environment%20before%20running.%0A%0A%23%23%23%20Setup%20(one-time)%0A%0A1.%20Install%20dependencies%3A%0A%20%20%20%60%60%60bash%0A%20%20%20npm%20i%0A%20%20%20%60%60%60%0A2.%20Configure%20environment%20variables%3A%0A%20%20%20-%20Copy%20%60.env.example%60%20to%20%60.env%60%20and%20set%20%60GOOGLE_API_KEY%60%0A%20%20%20-%20Optionally%20set%20%60OUTPUT_DIR%60%20(defaults%20to%20%60~%2F..claude%2Foutputs%60%20for%20personal%20Skill)%0A%0AScripts%3A%0A%0A-%20%60scripts%2FgenerateImage.mjs%20%22%3Cimage_prompt%3E%22%60%0A-%20%60scripts%2FgenerateVideo.mjs%20%3Cimage_path%3E%20%22%3Canimation_prompt%3E%22%60%0A%0AIf%20no%20animation_prompt%20is%20provided%2C%20the%20script%20infers%20an%20obvious%20motion%20from%20the%20image%20context%20(e.g.%2C%20ball%20rolls%2C%20child%20runs%2C%20flag%20waves).%20The%20scripts%20print%20%60file%3A%2F%2F%60%20links%20for%20quick%20opening.%0A%0A%23%23%20Reference%0A%0A-%20How%20to%20create%20custom%20Skills%3A%20https%3A%2F%2Fsupport.claude.com%2Fen%2Farticles%2F12512198-how-to-create-custom-skills%0A%0A%0A){kind=link}
0 total downloads
💡 Suggested Test Inputs
Loading suggested inputs...
🎯 Community Test Results
Loading results...
📦 Package Info
- Format
- claude
- Type
- skill
- Category
- backend
- Latest Version
- 1.0.0
- Total Versions
- 1
🔗 Links
📋 Latest Version Details
- Version
- 1.0.0
- Published
- November 11, 2025
- Package Size
- 1.20 KB