Banana Claude
Design & Front-end
Generate and edit images with Google's Nano Banana models without leaving Claude Code.
Design & Front-end
Remotion skills
Official skills for making motion graphics and videos in code with Remotion.
FreemiumBy Remotion
View source What is it?
Remotion is an open-source framework for creating videos with React, which means Claude can write them. Remotion's own team maintains these skills so coding agents follow best practice for timing, layout, media, fonts and rendering.
The skills are split by job: creating a project, writing markup, maps and route animations, captions, rendering, upgrading, and searching the docs. Use /remotion-best-practices when you are not sure which applies.
Pair it with an AI voice tool and you have a motion-graphics pipeline that runs from a prompt.
Install in Claude Code
Run npx skills add remotion-dev/skills. Then use /remotion-create to start a project, /remotion-render to export, and /remotion-best-practices for everything else. New Remotion projects offer to add the skills automatically.
Try this prompt
Paste into Claude Code
/remotion-create Make a 15-second promo for my newsletter with animated captions and a bold title card.Who it's for
Creators and developers who want programmatic video: explainers, promos, captions and data animations.
Best for
- Motion graphics
- Animated captions
- Promo videos
- Data and map animations
Why it made the list
It is the official skill set, kept in sync with the framework, so the code Claude writes actually renders.
More skills like this
Canvas design
Design & Front-end
Creates original posters, artwork and visual pieces as PNG or PDF files.
Slack GIF creator
Productivity
Makes small animated GIFs sized correctly for Slack messages and emoji.
Canva skills
Design & Front-end
Resize, edit, brand-check and bulk-create Canva designs from Claude Code.