К основному содержанию
скилл CX Codex

isometric-character-sprites — скилл для Claude Code

Скилл для генерации изометрических персонажей в восьми направлениях с общим якорем у ног, чтобы при ходьбе спрайт не скользил и правильно сортировался по глубине.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add 0xheycat/isometric-game-skills --skill isometric-character-sprites -a claude-code
Открыть на GitHub

Что делает isometric-character-sprites

Скилл задаёт порядок работы: сначала фиксируется арт-направление и высота персонажа в пикселях, потом один и тот же герой генерируется в восьми направлениях (S, SW, W, NW, N, NE, E, SE) на однотонном фоне. Пропорции и линия стоп должны совпадать во всех кадрах. Если какое-то направление поехало по размеру или стилю, его перегенерируют с теми же seed и настройками.

Альфа чистится через transparent-cutout-cleanup, после чего для каждого направления одинаково задаётся якорь у ног — нижний центр. Проверка простая: пролистайте направления на месте, ступни не должны прыгать между кадрами.

Смысл в том, что четыре направления для изометрии мало: диагональное движение с ними выглядит сломанным. Скилл прямо говорит делать восемь, а расхождение в высоте даже на 3px читается как покачивание, поэтому базовая линия выравнивается жёстко.

Какие задачи решает

  • сгенерировать персонажа в восьми направлениях без скачков роста
  • выровнять якорь у ног, чтобы спрайт не «плыл» при ходьбе
  • починить прозрачный контур после генерации через transparent-cutout-cleanup
  • отловить дрейф стиля между ракурсами и перегенерировать нужный кадр

Примеры запросов агенту

  • Сгенерируй изометрического персонажа в 8 направлениях с одинаковой высотой и якорем у ног
  • Персонаж скользит при ходьбе — проверь, что якорь у ног совпадает во всех направлениях
  • Перегенерируй направление NW: оно выбивается по размеру из остальных

Как установить isometric-character-sprites

1Через Skills CLI (Vercel)

npx skills add 0xheycat/isometric-game-skills --skill isometric-character-sprites -a claude-code

2Вручную: положить файлы

~/.claude/skills/isometric-character-sprites/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/isometric-character-sprites/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о isometric-character-sprites

Как установить isometric-character-sprites в Claude Code?

Выполните npx skills add 0xheycat/isometric-game-skills --skill isometric-character-sprites -a claude-code. Файл скилла окажется по пути ~/.claude/skills/isometric-character-sprites/SKILL.md.

Что делает isometric-character-sprites?

Описывает пошаговый процесс генерации изометрического персонажа в восьми направлениях с фиксированным якорем у ног, чтобы движение и сортировка по глубине работали корректно.

Почему именно восемь направлений, а не четыре?

По логике скилла при изометрии диагональное движение с четырьмя направлениями выглядит сломанным, поэтому он требует полный набор из восьми.

Исходный текст

SKILL.md · MIT
---
name: isometric-character-sprites
description: Use when generating isometric characters in consistent 8 directions with a fixed feet-anchor for movement and depth sorting.
license: MIT
---

# Isometric Character Sprites

![Isometric Character Sprites demo](assets/demo.png)

## Overview

Characters move, so they need consistent proportions across 8 facing directions and a fixed feet-anchor (where the character touches the ground). Without this, characters appear to slide, jitter, or sort incorrectly when walking.

## When to Use

- You need a player or NPC that faces multiple directions.
- Characters change size or proportion between directions.
- Movement looks like the sprite is sliding or floating.

## Process

1. Lock art direction and character height in pixels.
2. Generate the same character in 8 directions (S, SW, W, NW, N, NE, E, SE) on a plain background.
3. Keep proportions identical - same height line and feet baseline across all 8.
4. Fix seed/settings; regenerate any direction that drifts in size or style.
5. Clean alpha with `transparent-cutout-cleanup`.
6. Define the feet-anchor (bottom-center) identically for every direction.
7. Test by cycling directions in place - the feet must not jump between frames.

## Rationalizations (Stop Lying to Yourself)

| Excuse | Reality |
|---|---|
| "4 directions is enough" | Diagonal movement looks broken with 4 directions in iso. Do 8. |
| "Slight height differences are fine" | A 3px height drift reads as bobbing. Align the baseline. |

## Red Flags - STOP if you catch yourself:

- Inconsistent character height across directions.
- Feet-anchor differs per direction so the sprite slides.
- Only front-facing direction exists.

## Verification

You are NOT done until every box is checked:

- [ ] 8 consistent directions exist for the character.
- [ ] Feet-anchor is identical across all directions.
- [ ] Cycling directions in place shows no jump or slide.

© 0xheycat · MIT · 0xheycat/isometric-game-skills

Похожие скиллы

Все скиллы по теме «Геймдев и 3D: Unity, Unreal, Godot, Blender» →
pixel-art-sprites omer-metin Настраивает ассистента на отрисовку спрайтов и тайлсетов. Пригодится при разработке ретро-игр с жёсткими лимитами палитры и кадров. CX Codex +1 2 700установок spritecook-generate-sprites SpriteCook Скилл для генерации статичных спрайтов и пиксель-арта через SpriteCook: подбор модели, размеров и стилевых референсов. CX Codex +1 1 200установок sprites-and-images phaserjs Помогает создавать и настраивать объекты Sprite и Image в Phaser 4. Подсказывает правильные методы миксинов для позиционирования, масштабирования, кадров и обрезки текстур. CX Codex +1 1 100установок asset-pipeline rehan-remade Готовит из сгенерированной или нарисованной картинки файлы, которые загрузит движок: кадры спрайтов, полосы анимации, изометрические ракурсы из 3D-модели. CX Codex +1 1 500установок add-assets OpusGameLabs Заменяет круги и прямоугольники в 2D-игре на пиксель-арт спрайты персонажей, врагов и предметов. Пригодится, когда прототип уже играется, а смотреть на него больно. CX Codex +1 997установок layer-pixel-art layerai Скилл для генерации пиксель-арта в Layer: спрайты, тайлы, циклы ходьбы и сборка кадров в спрайт-лист. Помогает, когда картинка выходит размытой или не по сетке. CX Codex +1 3 400установок

Из того же набора7

using-isometric-skills Мета-скилл, который до написания кода или генерации арта определяет, какой специализированный скилл нужен для изометрической задачи, и в каком порядке их запускать. CX Codex +1 ★ 41звёзд репо tile-picking-interaction Превращает позицию курсора или касания в точный тайл изометрической карты — с учётом панорамирования и зума камеры. Нужен, когда клики попадают не в тот тайл. CX Codex +1 ★ 41звёзд репо isometric-pathfinding Скилл для поиска пути юнитов по изометрической сетке: A* по слою проходимых тайлов, диагонали без срезания углов, путь возвращается в координатах сетки. CX Codex +1 ★ 41звёзд репо godot4-isometric-tilemap Настраивает 2:1 изометрию в Godot 4 через TileMapLayer и Y-sort: правильный порядок отрисовки, без ручных смещений спрайтов. CX Codex +1 ★ 41звёзд репо canvas2d-isometric-renderer Собирает цикл отрисовки изометрической карты на Canvas 2D: тайлы фоном, объекты после них и по глубине. CX Codex +1 ★ 41звёзд репо autotiling-transitions Скилл для ИИ-кодинга, который задаёт правила автоподбора переходных тайлов между травами, водой и песком. Пригодится, когда карта выглядит как шахматная доска из-за резких стыков. CX Codex +1 ★ 41звёзд репо

Спонсоры проекта

Компании, которые помогают держать аналитику открытой