fun-isometric skill
The fun-isometric skill draws isometric stickers from flat slabs with an outline and animates them on real keyframes.
- 112 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- The skill only writes sticker code and assets into the project
- Rendering downloads Playwright Chromium and runs Bun and ffmpeg
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/fun-isometricDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skill only writes sticker code and assets into the project
- Rendering downloads Playwright Chromium and runs Bun and ffmpeg
This is third-party code. Review the repository files before installing.
What it does
The skill draws any object as a set of flat slabs with a thick outline, rigs each part with a hinge where it would bend and moves the sticker on keyframe presets: hop, toss, wiggle, clasp, drift and more. Animation is interpolated the way lottie-web plays After Effects keys. An object can face any of four directions. Colours are defined as roles, so a brand colour, a single colour or a hue shift repaints a sticker and keeps the meaning of each part. Requests look like `/fun-isometric a pen scribbling on a square pad`, and in Codex a `$` replaces the slash. The result is an icon module that plays live on canvas (a React component ships in the kit) or an export to looping alpha video. Inspired by stickers in the Slush app. It also works as a Claude Code plugin `/fun-isometric:fun-isometric`.
Who it is for. Designers and frontend developers who need live icons and stickers in one style for interfaces, landing pages and videos.
Good fit when
- A landing page needs animated icons that recolour to the brand.
- A sticker series should hold one isometric manner.
- An animation must be exported as a looping video with a transparent background.
- An object needs showing from another side without redrawing.
Not a fit when
- A regular flat icon or raster image without animation is needed.
- The environment has no Node.js 22 and Bun: rendering and checks use them.
- Photorealism or a complex 3D model is required.
Example request
/fun-isometric a mailbox, motion jolt, colours brand #2b6cff, facing top leftLimitations
Node.js 22 or newer and Bun are required, video also needs `ffmpeg`, and Playwright Chromium downloads itself on first run. The result suits compact objects in one style and complex scenes are outside the skill. The repository is small and so far holds one skill with more promised later. Documentation is in English. The repository was last updated on 26 October 2026 and uses the MIT licence.
How to disable. Delete the `fun-isometric` folder from the agent skills directory or run `/plugin uninstall` for the plugin. Generated stickers stay in the project.
FAQ
What is the output?
An icon module that plays live on canvas with a ready React component, or a looping video with a transparent background.
How to change the colours?
Colours are defined as roles, so give a brand colour, one colour or a hue shift and the meaning of parts is preserved.
Which motions are available?
Keyframe presets: hop, toss, wiggle, clasp, drift and more, with interpolation like lottie-web.
What does installation need?
Node.js 22 or newer. The `npx skills add` CLI asks which agents to add the skill to, and rendering needs Bun and, for video, `ffmpeg`.
Is there an online generator?
Yes, the project site `skills.klvn.dev/fun-isometric` offers a generator and the skills index is open to `npx skills add`.
Discussion
No questions or reviews yet.
Related
SkillsA Claude skill that turns the name of an object into an isometric drawing in one HTML file with working buttons
A skill that animates anything drawn in code: characters, water, smoke, icons and scenes in React Native and SwiftUI
A skill for Claude Code and Codex that turns AI video and frames into web animation driven by scroll, cursor, touch or device tilt
A skill that draws a UI component as an Apple-style sheet with spacing, radii and layers, plus a short film from it.
A Claude Code skill for physics-driven interactive components: mass, stiffness and damping, no hand-picked durations.
A skill and TypeScript library for live SVG scenes in an ink style: figures walk, react to clicks and the day turns to night
README in short
The README briefly introduces the repository's single skill, gives four install paths and sample requests, and working details sit in the skill folder.