fun-isometric — скилл
Скилл fun-isometric рисует изометрические стикеры из плоских плит с контуром и оживляет их по настоящим ключевым кадрам.
- 113 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скилл только пишет код и ресурсы стикеров в проект
- Для рендера скачивается Chromium из Playwright и запускаются Bun и ffmpeg
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/fun-isometricОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл только пишет код и ресурсы стикеров в проект
- Для рендера скачивается Chromium из Playwright и запускаются Bun и ffmpeg
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл рисует любой объект как набор плоских плит с толстым контуром, прикрепляет к каждой детали шарнир там, где он нужен, и двигает стикер по пресетам ключевых кадров: прыжок, бросок, виляние, хлопок, дрейф и другие. Анимация интерполируется так, как lottie-web проигрывает ключи After Effects. Объект можно повернуть одной из четырех сторон. Цвета заданы ролями, поэтому фирменный цвет, один цвет или сдвиг оттенка перекрашивают стикер и сохраняют смысл каждой детали. Запросы выглядят так: `/fun-isometric a pen scribbling on a square pad`, а в Codex вместо слэша ставят `$`. Результат: модуль иконки, который играет на холсте вживую (в комплекте компонент React), либо экспорт в зацикленное видео с прозрачностью. Вдохновлено стикерами приложения Slush. Работает и как плагин Claude Code `/fun-isometric:fun-isometric`.
Для кого. Дизайнеры и фронтендеры, которым нужны живые иконки и стикеры в одном стиле для интерфейсов, лендингов и роликов.
Подходит, если
- Для лендинга нужны анимированные иконки, которые перекрашиваются под бренд.
- Серия стикеров держится в одной изометрической манере.
- Анимацию выгружают как зацикленное видео с прозрачным фоном.
- Объект показывают с другой стороны без повторной отрисовки.
Не подходит, если
- Нужна обычная плоская иконка или растровая картинка без анимации.
- Среда без Node.js 22 и Bun: рендер и проверки их используют.
- Требуется фотореализм или сложная трехмерная модель.
Пример запроса к агенту
/fun-isometric почтовый ящик, движение jolt, цвета бренда #2b6cff, повернут влево вверх.Ограничения
Для работы нужны Node.js 22 или новее и Bun, для видео еще `ffmpeg`, а Chromium из Playwright скачивается сам при первом запуске. Результат хорош для компактных объектов в одном стиле, сложные сцены скилл не покрывает. Репозиторий небольшой и пока содержит один скилл, остальные обещаны позже. Документация на английском. Последнее обновление репозитория датировано 26 октября 2026 года, лицензия MIT.
Как отключить. Удалите папку `fun-isometric` из каталога скиллов агента или выполните `/plugin uninstall` для плагина. Созданные стикеры остаются в проекте.
Частые вопросы
Что получается на выходе?
Модуль иконки, который играет вживую на холсте с готовым компонентом React, либо зацикленное видео с прозрачным фоном.
Как изменить цвета?
Цвета заданы ролями, поэтому достаточно указать фирменный цвет, один цвет или сдвиг оттенка, и смысл деталей сохранится.
Какие движения доступны?
Пресеты ключевых кадров: прыжок, бросок, виляние, хлопок, дрейф и другие, интерполяция как в lottie-web.
Что нужно для установки?
Node.js 22 или новее. CLI `npx skills add` спросит, в каких агентов добавить скилл, а для рендера нужны Bun и, для видео, `ffmpeg`.
Есть ли онлайн-генератор?
Да, на сайте проекта `skills.klvn.dev/fun-isometric` можно попробовать генератор, а индекс скиллов открыт для `npx skills add`.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл Claude, который по названию предмета рисует изометрический чертеж в одном HTML-файле с рабочими кнопками
Скилл оживляет любой рисунок кодом: персонажей, воду, дым, значки и целые сцены в React Native и SwiftUI без ощущения слайд-шоу
Скилл для Claude Code и Codex: делает из AI-видео и кадров веб-анимацию, которая следует за прокруткой, курсором, касанием или наклоном устройства
Скилл рисует UI-компонент как чертеж Apple: один лист с отступами, радиусами и слоями, плюс ролик из этого листа.
Скилл Claude Code для интерактивных компонентов на физике: масса, жесткость и затухание вместо подобранных длительностей анимации.
Скилл и библиотека на TypeScript для живых SVG-сцен в стиле тушью: фигуры ходят, реагируют на клик, день сменяет ночь
Коротко о README
README кратко представляет единственный скилл репозитория, дает четыре способа установки и примеры запросов, а детали работы лежат в папке скилла.