Инструменты и интеграцииИнструкция
Пиксельный эффект в игру: навык pixelfx в Claude Code
Установите навык pixelfx в Claude Code, попросите ледяную волну и посмотрите, сколько стоит такая сессия на дешёвой модели.
Нужна ледяная волна для браузерной игры, а рисовать сорок кадров вручную не хочется. Навык pixelfx отдаёт эту работу Claude Code: две команды на установку, одна фраза с описанием эффекта, и агент пишет код. Сколько такая сессия стоит на дешёвой модели, зависит от числа шагов, поэтому таблица ниже считает её по живым ценам для заданного допущения.
Что такое pixelfx#
pixelfx — библиотека из 244 пиксельных эффектов. По README (github.com/patch-gg/pixelfx, прочитан 4 ноября 2026 года) каждый эффект — небольшой кусок кода в src/, а категории идут от огня, взрывов, воды и льда до молний, ближнего боя, святости, тени, статусов, погоды, интерфейса и существ. 61 эффект использует персонажа, ещё есть 12 полноценных приёмов, которые связывают несколько эффектов в цепочку.
Использовать можно двумя способами, в зависимости от движка:
- Браузерная игра: берёте JavaScript-код напрямую, без зависимостей.
- Godot или другой движок: экспортируете нужные эффекты как PNG-спрайт-листы с JSON в стиле Aseprite.
В репозитории есть и отдельный навык для Claude Code, который создаёт новые эффекты. Ему и посвящено руководство. Если вы ни разу не открывали файл навыка, что такое навык агента и как его проверить читается за пять минут, и лучше сделать это до установки чего-либо из чужого репозитория.
Установка навыка#
Claude Code должен уже работать через CheapTokens. Если нет, начните с этого: в статье как подключить Claude Code к CheapTokens есть адрес и переменные. Для игрового кода с длинными файлами подойдёт DeepSeek-V4-Flash (deepseek-): до 32 768 токенов в ответе, контекст 380K и одна цена в любое время суток. Подробности — на странице моделей DeepSeek.
README предлагает два способа. Через плагин — две команды внутри Claude Code:
/plugin marketplace add patch-gg/pixelfx
/plugin install pixelfx@pixelfxВручную — скопировать папку skills/pixelfx из репозитория в ~/.
Расставьте по порядку
Расставьте настройку по порядку
Перетащите элементы или используйте стрелки
- Подключить Claude Code к ключу CheapTokens
- Добавить маркетплейс pixelfx командой /plugin marketplace add
- Установить навык командой /plugin install
- Попросить эффект обычным языком
Просим один эффект#
Навык управляется обычными просьбами: добавить, экспортировать, подправить или создать эффект. Лучшая отправная точка — примеры из самого README. Откройте папку игры, запустите claude и напишите, например:
Add a frost nova to my character's ultimate.Это весь промпт. Навык рассчитан на такие просьбы: он учит Claude Code находить, применять, экспортировать и создавать эффекты, а новый эффект делает по циклу «набросок, рендер, осмотр, доработка» (по README). Ждите не одного ответа, а нескольких шагов, как в любой агентной сессии: чтение файлов, затем правки.
Если вы работаете в Godot, попросите то, что описано в README:
Export the fire and explosions categories as sprite sheets for Godot.Получите PNG с кадрами в сетке и JSON в стиле Aseprite; по README, его читают импортёры Aseprite для Godot и Unity.
Одна оговорка до старта. Эффекты, нарисованные на теле, написаны под стандартный манекен 24x38, поэтому для персонажа другого размера их нужно сгенерировать заново.
Попробуйте самиПопробуйте: ваш герой 32x48 пикселей. Совпадёт ли эффект на теле?Показать ответ
Из коробки — нет. Эффекты на теле нарисованы под манекен 24x38, поэтому попросите Claude Code сгенерировать этот эффект заново под размер вашего персонажа.
Сколько стоит сессия#
И вот что удивляет. Сам эффект — небольшой файл. Деньги уходят на работу агента: на каждом шаге Claude Code заново отправляет прочитанные файлы проекта, текст навыка и всю переписку.
Быстрая проверка
Какая сторона сессии Claude Code обычно содержит больше всего токенов?
Показать ответ
Ответ: Вход, который отправляется заново на каждом шаге
На каждом шаге уходит весь рабочий контекст, поэтому вход быстро растёт, а ответ каждого шага намного короче (в примере ниже 1 500 токенов против 30 000).
Возьмём допущение, которое можно менять под свой проект: сессия — 20 шагов, на каждом уходит около 30 000 токенов входа (файлы, текст навыка и история), а модель пишет около 1 500 токенов. На DeepSeek-V4-Flash один такой шаг стоит $0.0006, а вся сессия из 20 шагов — в таблице. В ней рядом с нашей ценой для каждой модели стоит OpenRouter, посчитанный в сумме, со входом и выходом вместе.
| Модель | Вход $/1M | Выход $/1M | За запрос | 20 запросов | OpenRouter, 20 запросов |
|---|---|---|---|---|---|
| GLM-5.3-Flash | $0.02 | $0.04 | $0.00066 | $0.0132 | $0.0226 |
| DeepSeek-V4-Flash | $0.015 | $0.10 | $0.0006 | $0.012 | $0.0462 |
| MiniMax-M2.7 | $0.05 | $0.15 | $0.0017 | $0.0345 | $0.414 |
30 000 входных и 1 500 выходных токенов на запрос. Цены за 1M токенов актуальны и меняются вместе с нашими тарифами; столбец OpenRouter показывает справочные цены для той же нагрузки.
Цены за 1M токенов сейчас: вход $0.015, выход $0.10. Для мелких правок уже готового эффекта есть GLM-5.3-Flash: контекст 390K и до 8 192 токенов в ответе, для подбора цветов и тайминга этого хватает.
Как складывается длинный день с агентом, разбирает как удешевить Claude Code: там привычки, которые сокращают вход.
Перед релизом#
Код и эффекты под лицензией MIT. Шрифт Patch Pixel в gallery/fonts под MIT не подпадает (см. NOTICE.md в репозитории), а часть эффектов адаптирует MIT-код Hugo Duprez и Hollow Crown. Если игра поставляется со шрифтом, сначала прочитайте NOTICE.md.
Чтобы начать со своим ключом и списком моделей, откройте документацию CheapTokens и страницу с живыми ценами.
