Individual skill

fun-isometric

Draws fun, sharp isometric stickers (flat fill, thick black outline, extruded slab side) and animates them on a library of After Effects grade keyframe presets, replayed exactly the way lottie-web plays them, so the motion is fluid character animation and never a made up wobble. Any palette (six named sets with Riso by default, two brand colours, one colour, hue shift, custom slots) and four facing directions. Produces icon modules that play live on canvas in any web app (a React component ships with the kit) and export to looping alpha video (webm, HEVC mp4) with a poster. Use for "/fun-isometric", "animated sticker icons", "fun isometric icons", "Lottie style icons", "onboarding illustrations that move", or any request for playful animated icons, empty state art or feature stickers.

skills/fun-isometric/SKILL.md

Read pinned source

Source commit 7c8a7526306e09855c0d4f66130cbaa87422cb8d

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: No
Repository scan complete: Yes
Skill scan complete: Yes
Observed behavior: Not checked yet
Last checked: Nov 5, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 111
Repository last updated: Oct 26, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

agent-skills Repository topic
animation Repository topic
claude-code Repository topic
codex Repository topic
isometric Repository topic
stickers Repository topic
marketing Derived category
engineering Derived category
engineering-web Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

.gitignoreasset · 59 bytes
.vercelignoreasset · 204 bytes
SKILL.mdcore · 15,547 bytes
bin/fi.mjsruns · 13,351 bytes
bin/pack.mjsruns · 2,371 bytes
bun.lockasset · 41,787 bytes
index.htmlasset · 1,605 bytes
kit/Sticker.tsxruns · 1,574 bytes
kit/fun.tsruns · 33,323 bytes
kit/icons.tsruns · 27,182 bytes
kit/motions.tsruns · 11,114 bytes
main.tsxruns · 513 bytes
package.jsonruns · 743 bytes
public/apple-touch-icon.pngasset · 16,897 bytes
public/favicon.pngasset · 24,159 bytes
public/llms.txtdoc · 1,618 bytes
public/og.pngasset · 48,195 bytes
site/Page.tsxruns · 18,917 bytes
site/fun.cssasset · 15,073 bytes
site/ui.cssasset · 3,332 bytes
vercel.jsonasset · 572 bytes
vite.config.tsruns · 439 bytes

Read excerpt


# fun-isometric

Slab stickers moving on real animation keys. `kit/motions.ts` holds presets written as After Effects keyframes (values, influence
handles, spatial tangents, a baked spring), and `kit/fun.ts` interpolates them the way lottie-web does: per segment cubic bezier from
the influence handles, arc length position paths. No Lottie player, no dependency. A new icon is new drawing on those exact keys.

Made by Kelvin Adithya ([x.com/KelvinAdithya](https://x.com/KelvinAdithya)), heavily inspired by the stickers in
[Slush](https://slush.app). The generator, every sticker in the set and the install
line live at [skills.klvn.dev/fun-isometric](https://skills.klvn.dev/fun-isometric).

## The command

```
/fun-isometric <object>[, motion <preset>][, colours <spec>][, facing top right | facing top left | facing front | lying flat]