fun-isometric — 一句话生成等距贴纸动画的 Agent 技能

fun-isometric 是开发者 kelvinkn17 放在个人 skills 仓库里的一款Skill工具，整套仓库托管在GitHub上、以 MIT 协议开源，收录作者自己构建、日常自用的 Agent 技能。它给编程助手装一个会画贴纸的能力：在 Claude Code、Codex、Cursor 这类助手里输入一句话描述，它就画出一枚带粗描边的等距（isometric）贴纸，并用真实关键帧做成循环动画。贴纸风格受 Slush.app 启发，任意物体、任意配色、四个朝向都能出，产出可以是嵌进页面的 React 图标组件，也可以导出带透明通道的循环视频，是一套典型的开源软件。

场景痛点

做界面和演示时，一枚会动的小贴纸往往最出效果，但手绘贴纸要画矢量轮廓、拆部件、打关键帧，没有动效软件基础很难下手。找素材库又很难对上自己的物体和品牌色：想要一个品牌蓝的邮箱朝左前方跳一下，现成库里翻不到，定制排期更不划算。AI 绘图模型倒是能出图，可出来的是位图，不能改色、不能拆件，更动不起来。AI设计类工具想跨过的正是这道坎：让一句话直接变成可编辑、可换色、能循环动的矢量贴纸，而不是又一张存完就锁死的图片。

主要功能特点

一句话描述画出等距贴纸

在新会话输入斜杠命令，把物体、朝向和动作写成一句话即可，例如跳动的邮箱加上抖动、品牌蓝、朝左上。物体不设限，日常物件都能画；配色直接给十六进制色值，朝向有四个角度。描述没写清的细节，助手会先反问确认再落画布，把贴纸设计从画稿任务变成描述任务，是一种创意灵感型玩法。

粗描边扁平块的绘制语言

它不追求写实质感，所有物体画成一层层扁平色块，外轮廓压一圈粗描边，正是 Slush.app 那种贴纸语言。等距视角下物件保持统一的斜向投影，部件间留出清晰边界，方便后续拆件绑定。这种画法识别度高：缩到图标尺寸仍一眼认得，放大做素材也不单薄。对前端开发来说，产出的是结构清晰的矢量模块，而不是一张位图。

铰链绑定与关键帧预设

生成贴纸后，技能按物体的物理结构给每个部件找铰链位置绑定：邮箱门绕开口转、笔绕笔尖摆，再套上预设动作，弹起、抛起、摇摆、扣合、漂移等可叠加组合。关键帧之间按 lottie-web 播放 After Effects 的方式插值，节奏接近手动调出的缓动曲线。部件怎么拆、铰链打在哪，都由技能按结构判断，不用自己拖时间轴。

角色化配色与整张贴纸重上色

贴纸里的颜色不是随便填的色块，而是带角色的：哪块是主体、哪块是描边、哪块是高光，各有语义。描述里给一个品牌色、要求单色或做一次色相偏移，整套配色会按角色关系重新上色，同时保住每个部位原本的语义，不会把描边染成主体色。做品牌演示时很实用：同一枚贴纸换个主色，就能直接用到下一个界面里。

装进编程助手的多种方式

安装只需一行命令，要求 Node 22 以上；CLI 会询问要装到哪些编程助手，Claude Code、Codex、Cursor 都支持，还能选是否每个项目都装。装好后在新会话输入斜杠命令即可调用。也可以走索引地址安装、下载 zip 解压到 skills 目录，或作为插件市场安装，AI编程环境里的接入方式比较灵活。

React 图标组件与透明循环视频

产出默认是一个能在画布上实时播放的图标模块，工具包自带 React 组件，贴进页面就能看到贴纸在动，不需要额外播放器。需要交付动效素材时，也可以导出带透明通道的循环视频，直接叠进演示文档或视频工程。渲染与自检依赖 Bun，出视频还需要本机有 ffmpeg；浏览器内核首次运行会自动安装。作为一项开发者工具，它偏命令行环境，不是开箱即用的桌面软件。

在线试玩与开源边界

仓库挂着在线生成器，打开网页就能输入描述看效果，不想配环境的人可以先试玩再安装。整套开源项目以 MIT 协议发布，每个技能的说明文档与脚本都在仓库里，允许自由修改再分发。它本质是给编程助手用的技能包，不是独立应用，生成质量与助手理解能力有关，成品仍建议人工过目，这是效率工具类项目的共同边界。

项目地址

在线试玩访问

GitHub 访问

下载地址

https://pan.quark.cn/s/e850fe206de5

https://www.guangyapan.com/s/1963087893527494666_aeWhI5wocgzRgCO6 （光鸭新用户注册福利：永久免费空间：所有新用户注册即可解锁 2TB 永久免费存储空间，无需额外任务或付费）

fun-isometric — 一句话生成等距贴纸动画的 Agent 技能

场景痛点