Not in the top 1,000 by GitHub stars

kelvinkn17/skills

Agent skills by kelvinkn17. First up: fun-isometric, stickers that move.

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

`skills/fun-isometric/SKILL.md`

Week of Nov 2, 2026 · +0 / −0 lines

Before Network or broad shell → After Network or broad shell

7c8a7526306e → 7c8a7526306e

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Network or broad shell

First observation → 7c8a7526306e

No earlier version was observed for comparison.

Compare on GitHub

View on GitHub Add to my skills

Verified commit 7c8a7526306e09855c0d4f66130cbaa87422cb8d

Version-pinned installation · Claude Code

git clone --filter=blob:none --no-checkout https://github.com/kelvinkn17/skills.git .hotskills/kelvinkn17-skills && git -C .hotskills/kelvinkn17-skills checkout --detach 7c8a7526306e09855c0d4f66130cbaa87422cb8d
# Copy each selected skill directory from .hotskills/kelvinkn17-skills into .claude/skills/<skill-name>/

106GitHub stars

19stars in 7 days

1skill in this repository

7commits in 30 days

Heat

7.4

Star growth, last 7 daysNot available
Star growth, last 24 hoursNot available
Rank movement, last 7 daysNot available
Commits, last 30 daysNot available
Accounts asking about it through MCP, last 7 daysNot available
Hot votes this weekNot available

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

30-day change not yet available: not enough history.

Individual skills in this repository

fun-isometric skills/fun-isometric

How it works

fun-isometric

When your agent uses it

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.

What it loads into context

Frontmatter

249 tokens

Always available to the agent

SKILL.md

4,279 tokens

When the skill is activated

Reference documents

0 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

The command
Files
Setup in a project
Workflow
Drawing
Colours
Motion presets (kit/motions.ts)
Rules
Check before calling it done
Using it on the web

Scripts executed separately

bin/fi.mjs
bin/pack.mjs
kit/Sticker.tsx
kit/fun.ts
kit/icons.ts
kit/motions.ts
main.tsx
package.json
site/Page.tsx
vite.config.ts

Files

../../.claude-plugin/marketplace.jsonasset365 bytes
.gitignoreasset59 bytes
.vercelignoreasset204 bytes
SKILL.mdcore15,547 bytes
bin/fi.mjsruns13,351 bytes
bin/pack.mjsruns2,371 bytes
bun.lockasset41,787 bytes
index.htmlasset1,605 bytes
kit/Sticker.tsxruns1,574 bytes
kit/fun.tsruns33,323 bytes
kit/icons.tsruns27,182 bytes
kit/motions.tsruns11,114 bytes
main.tsxruns513 bytes
package.jsonruns743 bytes
public/apple-touch-icon.pngasset16,897 bytes
public/favicon.pngasset24,159 bytes
public/llms.txtdoc1,618 bytes
public/og.pngasset48,195 bytes
site/Page.tsxruns18,917 bytes
site/fun.cssasset15,073 bytes
site/ui.cssasset3,332 bytes
vercel.jsonasset572 bytes
vite.config.tsruns439 bytes

Read SKILL.md


# 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]

View the complete source on GitHub

Skills included

fun-isometric

Repository facts

License: MIT
Created: Oct 26, 2026
Last pushed: Oct 26, 2026
Forks: 4
Open issues: 0
Project activity: Active

Before you install

Network or broad shell

Automated signals, not a guarantee

Checked Nov 5, 2026

No broad tool permissions
No dangerous shell commands
35 network referencesin 7 files: fun-isometric/index.html:7 fun-isometric/public/llms.txt:5 fun-isometric/SKILL.md:6 and 4 more
No hidden or obfuscated text
No instruction overrides
10 executable scriptsin 10 files: fun-isometric/bin/fi.mjs:1 fun-isometric/bin/pack.mjs:1 fun-isometric/kit/Sticker.tsx:1 and 7 more
No access to secrets
No requests to vote in Hot

Show all 45 signals by file

`skills/fun-isometric/SKILL.md`

Network accessline 6

metadata:   author: Kelvin Adithya   homepage: https://skills.klvn.dev/fun-isometric

Network accessline 7

author: Kelvin Adithya   homepage: https://skills.klvn.dev/fun-isometric ---

Network accessline 8

homepage: https://skills.klvn.dev/fun-isometric

Network accessline 17

Made by Kelvin Adithya ([x.com/KelvinAdithya](https://x.com/KelvinAdithya)), heavily inspired by the stickers in

Network accessline 18

[Slush](https://slush.app). The generator, every sticker in the set and the install

Network accessline 19

line live at [skills.klvn.dev/fun-isometric](https://skills.klvn.dev/fun-isometric).

`skills/fun-isometric/bin/fi.mjs`

Executable scriptline 1
```
#!/usr/bin/env bun
```

`skills/fun-isometric/bin/pack.mjs`

Executable scriptline 1
```
#!/usr/bin/env bun
```

Network accessline 37

const index = {   $schema: 'https://schemas.agentskills.io/discovery/0.2.0/schema.json',

Network accessline 38

$schema: 'https://schemas.agentskills.io/discovery/0.2.0/schema.json',

`skills/fun-isometric/index.html`

Network accessline 7

<meta name="description" content="A skill for Claude Code and Codex that draws isometric stickers and animates them on real keyframes. Any object, any palette, one command." />     <meta name="theme-color" content="#ffffff" />     <link rel

Network accessline 8

<meta name="theme-color" content="#ffffff" />     <link rel="canonical" href="https://skills.klvn.dev/fun-isometric" />     <meta property="og:type" content="website" />

Network accessline 9

<link rel="canonical" href="https://skills.klvn.dev/fun-isometric" />

Network accessline 10

<meta property="og:type" content="website" />     <meta property="og:url" content="https://skills.klvn.dev/fun-isometric" />     <meta property="og:title" content="fun-isometric" />

Network accessline 11

<meta property="og:url" content="https://skills.klvn.dev/fun-isometric" />

Network accessline 12

<meta property="og:title" content="fun-isometric" />     <meta property="og:description" content="A skill for Claude Code and Codex that draws isometric stickers and animates them on real keyframes." />     <meta property="og:image" content

Network accessline 13

<meta property="og:description" content="A skill for Claude Code and Codex that draws isometric stickers and animates them on real keyframes." />     <meta property="og:image" content="https://skills.klvn.dev/fun-isometric/og.png" />     <m

Network accessline 14

<meta property="og:image" content="https://skills.klvn.dev/fun-isometric/og.png" />

`skills/fun-isometric/kit/Sticker.tsx`

Executable scriptline 1
```
Executable file
```

`skills/fun-isometric/kit/fun.ts`

Executable scriptline 1
```
Executable file
```

Network accessline 282

let pts = samples.get(d)   if (!pts) {     const el = document.createElementNS('http://www.w3.org/2000/svg', 'path')

Network accessline 283

if (!pts) {     const el = document.createElementNS('http://www.w3.org/2000/svg', 'path')     el.setAttribute('d', d)

Network accessline 284

const el = document.createElementNS('http://www.w3.org/2000/svg', 'path')

`skills/fun-isometric/kit/icons.ts`

Executable scriptline 1
```
Executable file
```

`skills/fun-isometric/kit/motions.ts`

Executable scriptline 1
```
Executable file
```

`skills/fun-isometric/main.tsx`

Executable scriptline 1
```
Executable file
```

`skills/fun-isometric/package.json`

Executable scriptline 1
```
Executable file
```

`skills/fun-isometric/public/llms.txt`

Network accessline 5

Made by Kelvin Adithya (https://x.com/KelvinAdithya), heavily inspired by the stickers in Slush (https://slush.app). MIT licensed.

Network accessline 7

Install with `npx skills add kelvinkn17/skills@fun-isometric` on Node 22 or newer; the CLI asks which agents get it and whether it goes in every project. `npx skills add https://skills.klvn.dev` installs the same skill through this site's a

Network accessline 11

- [SKILL.md](https://raw.githubusercontent.com/kelvinkn17/skills/main/skills/fun-isometric/SKILL.md): the instructions the agent follows, with the drawing, colour and motion rules

Network accessline 12

- [README](https://raw.githubusercontent.com/kelvinkn17/skills/main/README.md): every install route

Network accessline 13

- [Generator](https://skills.klvn.dev/fun-isometric): pick an object, motion, palette and facing, then copy the command

Network accessline 17

- [fun-isometric.zip](https://skills.klvn.dev/fun-isometric/fun-isometric.zip): the skill folder for a manual install

Network accessline 18

- [Source](https://github.com/kelvinkn17/skills/tree/main/skills/fun-isometric): the kit, the fi tool and this site

`skills/fun-isometric/site/Page.tsx`

Executable scriptline 1
```
Executable file
```

Network accessline 13

const REPO = 'https://github.com/kelvinkn17/skills'

Network accessline 14

const MAKER = { name: 'Kelvin Adithya', url: 'https://x.com/KelvinAdithya', follow: 'https://x.com/intent/follow?screen_name=KelvinAdithya' }

Network accessline 18

const SITE = 'https://skills.klvn.dev/fun-isometric'

Network accessline 458

<footer className="fi-foot">         <p>           MIT licensed. Made by <a href="https://www.klvn.dev">Kelvin</a>, heavily inspired by <a href="https://slush.app">Slush</a>.

Network accessline 459

<p>           MIT licensed. Made by <a href="https://www.klvn.dev">Kelvin</a>, heavily inspired by <a href="https://slush.app">Slush</a>.         </p>

Network accessline 460

MIT licensed. Made by <a href="https://www.klvn.dev">Kelvin</a>, heavily inspired by <a href="https://slush.app">Slush</a>.

`skills/fun-isometric/vercel.json`

Network accessline 2

"trailingSlash": false,   "redirects": [     {"source": "/(.*)", "has": [{"type": "host", "value": "fun-isometric.klvn.dev"}], "destination": "https://skills.klvn.dev/fun-isometric", "permanent": true},

Network accessline 3

"redirects": [     {"source": "/(.*)", "has": [{"type": "host", "value": "fun-isometric.klvn.dev"}], "destination": "https://skills.klvn.dev/fun-isometric", "permanent": true},     {"source": "/", "destination": "/fun-isometric", "permanent

Network accessline 4

{"source": "/(.*)", "has": [{"type": "host", "value": "fun-isometric.klvn.dev"}], "destination": "https://skills.klvn.dev/fun-isometric", "permanent": true},

`skills/fun-isometric/vite.config.ts`

Executable scriptline 1
```
Executable file
```

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

Declared and executed: 3 facts

Contacts schemas.agentskills.io, which SKILL.md, the README and the plugin manifest do not mentionfun-isometric/bin/pack.mjs:38High confidence
Contacts www.w3.org, which SKILL.md, the README and the plugin manifest do not mentionfun-isometric/kit/fun.ts:284High confidence
Contacts github.com, which SKILL.md, the README and the plugin manifest do not mentionfun-isometric/site/Page.tsx:13High confidence

Signal confidence: 34 facts

Network access in the frontmatter of the SKILL.mdfun-isometric/SKILL.md:6Low confidence
Network access in the frontmatter of the SKILL.mdfun-isometric/SKILL.md:7Low confidence
Network access in the frontmatter of the SKILL.mdfun-isometric/SKILL.md:8Low confidence
Network access in prose of the SKILL.mdfun-isometric/SKILL.md:17Low confidence
Network access in prose of the SKILL.mdfun-isometric/SKILL.md:18Low confidence
Network access in prose of the SKILL.mdfun-isometric/SKILL.md:19Low confidence
Executable script in code of a file that runsfun-isometric/bin/fi.mjs:1High confidence
Executable script in code of a file that runsfun-isometric/bin/pack.mjs:1High confidence
Network access in code of a file that runsfun-isometric/bin/pack.mjs:37High confidence
Network access in code of a file that runsfun-isometric/bin/pack.mjs:38High confidence
Executable script in a comment of a file that runsfun-isometric/kit/Sticker.tsx:1Low confidence
Executable script in a comment of a file that runsfun-isometric/kit/fun.ts:1Low confidence
Network access in code of a file that runsfun-isometric/kit/fun.ts:282High confidence
Network access in code of a file that runsfun-isometric/kit/fun.ts:283High confidence
Network access in code of a file that runsfun-isometric/kit/fun.ts:284High confidence
Executable script in a comment of a file that runsfun-isometric/kit/icons.ts:1Low confidence
Executable script in a comment of a file that runsfun-isometric/kit/motions.ts:1Low confidence
Executable script in code of a file that runsfun-isometric/main.tsx:1High confidence
Executable script in code of a file that runsfun-isometric/package.json:1High confidence
Network access in prose of documentationfun-isometric/public/llms.txt:5Low confidence
Network access in prose of documentationfun-isometric/public/llms.txt:7Low confidence
Network access in prose of documentationfun-isometric/public/llms.txt:11Low confidence
Network access in prose of documentationfun-isometric/public/llms.txt:12Low confidence
Network access in prose of documentationfun-isometric/public/llms.txt:13Low confidence
Network access in prose of documentationfun-isometric/public/llms.txt:17Low confidence
Network access in prose of documentationfun-isometric/public/llms.txt:18Low confidence
Executable script in code of a file that runsfun-isometric/site/Page.tsx:1High confidence
Network access in code of a file that runsfun-isometric/site/Page.tsx:13High confidence
Network access in code of a file that runsfun-isometric/site/Page.tsx:14High confidence
Network access in code of a file that runsfun-isometric/site/Page.tsx:18High confidence
Network access in code of a file that runsfun-isometric/site/Page.tsx:458High confidence
Network access in code of a file that runsfun-isometric/site/Page.tsx:459High confidence
Network access in code of a file that runsfun-isometric/site/Page.tsx:460High confidence
Executable script in code of a file that runsfun-isometric/vite.config.ts:1High confidence

Works with

Agent compatibility, from the files in this repository
Agent	Status	Evidence	Install to
Claude Code	Native	Manifest .claude-plugin/marketplace.json	`.claude/skills/<skill-name>/`
Codex	Compatible	Standard SKILL.md skills/fun-isometric/SKILL.md	`.agents/skills/<skill-name>/`
Cursor	Compatible	Standard SKILL.md skills/fun-isometric/SKILL.md	`.cursor/skills/<skill-name>/`
Gemini CLI	Compatible	Standard SKILL.md skills/fun-isometric/SKILL.md	`.gemini/skills/<skill-name>/`
GitHub Copilot	Compatible	Standard SKILL.md skills/fun-isometric/SKILL.md	`.github/skills/<skill-name>/`
OpenCode	Compatible	Standard SKILL.md skills/fun-isometric/SKILL.md	`.opencode/skills/<skill-name>/`

Native The repository ships a manifest, folder or frontmatter field for this agent.
Compatible A standard SKILL.md that this agent can read.
Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

kelvinkn17/skills

History

skills/fun-isometric/SKILL.md

Share this page

Heat

Stars over time

Individual skills in this repository

How it works

fun-isometric

Frontmatter

SKILL.md

Reference documents

The playbook

Scripts executed separately

Files

Skills included

Repository facts

Before you install

skills/fun-isometric/SKILL.md

skills/fun-isometric/bin/fi.mjs

skills/fun-isometric/bin/pack.mjs

skills/fun-isometric/index.html

skills/fun-isometric/kit/Sticker.tsx

skills/fun-isometric/kit/fun.ts

skills/fun-isometric/kit/icons.ts

skills/fun-isometric/kit/motions.ts

skills/fun-isometric/main.tsx

skills/fun-isometric/package.json

skills/fun-isometric/public/llms.txt

skills/fun-isometric/site/Page.tsx

skills/fun-isometric/vercel.json

skills/fun-isometric/vite.config.ts

How the signals fit together

Works with

You might also use

oil-oil/oil-motion

alchaincyf/huashu-motion

JosssphZhou/cinetty

threerocks/sweety-statechart-video

gongnyang/stickerforge

XiaoyeCodes/code-animation-prompts

`skills/fun-isometric/SKILL.md`

`skills/fun-isometric/SKILL.md`

`skills/fun-isometric/bin/fi.mjs`

`skills/fun-isometric/bin/pack.mjs`

`skills/fun-isometric/index.html`

`skills/fun-isometric/kit/Sticker.tsx`

`skills/fun-isometric/kit/fun.ts`

`skills/fun-isometric/kit/icons.ts`

`skills/fun-isometric/kit/motions.ts`

`skills/fun-isometric/main.tsx`

`skills/fun-isometric/package.json`

`skills/fun-isometric/public/llms.txt`

`skills/fun-isometric/site/Page.tsx`

`skills/fun-isometric/vercel.json`

`skills/fun-isometric/vite.config.ts`