p5 Paint Animation — effect skill for animation & motion graphics

For AI agents: find the right skill in one call — curl -s "https://skills.varg.ai/api/search?q=<what the person wants>" returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the use-case page.

Handwriting that writes itself, photos that paint themselves and clips repainted as living paintings, in p5.js code.

What it does

Three flows on one headless p5.brush engine: a phrase writes itself in pencil on ruled paper (with a pen track for camera moves), a photo repaints itself as brushstrokes from coarse to fine, and a short clip or Live Photo is repainted frame by frame over a locked stroke lattice so the painting holds still while the subject moves. Everything is seeded code, so the same seed gives the same frames; sketches run in sandboxed headless Chromium with network blocked and ffmpeg stitches the MP4. Render time grows per frame, so keep footage under about 10 s; a community-tier skill added by HeyGen's James Russo.

Use when

Not for

Install

Example output

https://skills.varg.ai/previews/hyperframes-p5-paint-animation.mp4 — From the official community-skills launch film made with the p5 skill: 'p5.js' writes itself by hand, panels paint on, and a beach clip is repainted as a living painting (65-75 s) (credit: HyperFrames (@HyperFrames_), https://x.com/HyperFrames_/status/2092308986775343288)

Used for

More animation & motion graphics skills

Run the generation on varg

varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs.