Fun Isometric title and an illustrated pen drawing on a pink notepad.
Project screenshotsAbout this Skill
Draw a subject as a flat-filled, thick-outlined isometric sticker and animate its parts with keyframe presets. Use the supplied canvas and React kit or export a looping video with a poster.
Why we picked it
An open-source upstream skill. Install the original files and follow its documented dependencies.
What it helps with
- Make animated feature icons, onboarding illustrations or empty-state art for a web product.
- Explore brand palettes, four facing directions and preset motions for a sticker.
What it produces
A reusable icon module for canvas or React, and optional looping WebM and HEVC MP4 exports with a PNG poster.
Try a concrete request
Example request
After installation, ask your agent:
Make an isometric mailbox sticker with a jolt animation, using my blue brand colour and facing top left.
Before you use it
- Node.js 22 or newer; rendering and checks use Bun and Playwright Chromium. Video export also requires ffmpeg.
Supported agents
Claude CodeCodex CLICursor
Sources & references
Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.
