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

isometric-art-direction — скилл для Claude Code: стиль изометрии

Скилл задаёт единый визуальный стандарт для изометрического проекта до создания ассетов. Он пригодится, чтобы тайлы, спрайты и здания выглядели частью одной игры.

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

Что делает isometric-art-direction

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

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

Установить скилл можно в Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. В Claude Code установка создаёт файл ~/.claude/skills/isometric-art-direction/SKILL.md; сам скилл рассчитан на этап до генерации первого тайла, спрайта или здания.

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

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

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

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

Как установить isometric-art-direction

1Через Skills CLI (Vercel)

npx skills add 0xheycat/isometric-game-skills --skill isometric-art-direction -a claude-code

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

~/.claude/skills/isometric-art-direction/SKILL.md

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

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

Вопросы о isometric-art-direction

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

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

Что делает isometric-art-direction?

Скилл помогает создать STYLE.md с проекцией, светом, палитрой, масштабом, точкой привязки и стилем затенения, а затем проверить стиль на трёх тестовых ассетах.

Зачем нужен STYLE.md для изометрического проекта?

В нём собраны правила, на которые должны ссылаться промпты для всех ассетов. Так направление света и палитра не меняются от одного изображения к другому.

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

SKILL.md · MIT
---
name: isometric-art-direction
description: Use when starting an isometric project to lock ONE consistent art style (angle, light, palette, scale) before generating any asset.
license: MIT
---

# Isometric Art Direction

## Overview

The difference between a hobby project and a polished game is consistency. This skill produces a one-page style sheet that every other asset skill must obey, so 200 generated assets look like one game instead of a random asset dump.

## When to Use

- Before generating the first tile, sprite, or building.
- Assets already look mismatched and need a unifying standard.
- Multiple people or sessions will generate art.

## Process

1. Fix the projection: true 2:1 isometric (dimetric). Write it down.
2. Fix the light direction (e.g. top-left) and keep it identical on every asset.
3. Define a tight color palette (8-12 swatches) and forbid off-palette colors.
4. Define the tile base size in pixels (e.g. 128x64) and the anchor point.
5. Pick ONE shading style (soft painterly / cel / pixel) and one reference image.
6. Write all of this into a single STYLE.md and link it from every asset prompt.
7. Generate 3 test assets and confirm they look like the same game before scaling up.

## Rationalizations (Stop Lying to Yourself)

| Excuse | Reality |
|---|---|
| "I will keep the style consistent in my head" | Your head is not version-controlled. Write the style sheet. |
| "I can fix the style later" | Restyling 150 assets later costs 10x more than agreeing now. |

## Red Flags - STOP if you catch yourself:

- No written style sheet exists.
- Light direction changes between assets.
- Color palette grows uncontrolled with every generation.

## Verification

You are NOT done until every box is checked:

- [ ] A STYLE.md exists with projection, light, palette, scale, anchor, shading.
- [ ] 3 test assets visibly belong to the same game.
- [ ] Every asset prompt references the style sheet.

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

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

Каталог скиллов SKILL.md →
find-skills vercel-labs Ищет и устанавливает готовые скиллы для ИИ-агентов через каталог skills.sh. Пригодится, когда для рабочей задачи нужен специализированный воркфлоу. CX Codex +1 4 000 000установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. 1 424 476установок grill-with-docs Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну и по ходу создаёт ADR и глоссарий. Подойдёт перед началом сложной разработки. 1 219 756установок improve-codebase-architecture Matt Pocock Скилл ищет архитектурные узкие места в кодовой базе и показывает варианты углубления модулей в HTML-отчёте. Подойдёт для ревью перед рефакторингом. 1 163 035установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок

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

tile-picking-interaction Превращает позицию курсора или касания в точный тайл изометрической карты — с учётом панорамирования и зума камеры. Нужен, когда клики попадают не в тот тайл. CX Codex +1 ★ 41звёзд репо isometric-pathfinding Скилл для поиска пути юнитов по изометрической сетке: A* по слою проходимых тайлов, диагонали без срезания углов, путь возвращается в координатах сетки. CX Codex +1 ★ 41звёзд репо isometric-grid-math Скилл помогает агенту переводить координаты сетки в экранные и обратно для изометрии 2:1. Пригодится для размещения тайлов и выбора клетки мышью. CX Codex +1 ★ 41звёзд репо isometric-character-sprites Скилл для генерации изометрических персонажей в восьми направлениях с общим якорем у ног, чтобы при ходьбе спрайт не скользил и правильно сортировался по глубине. CX Codex +1 ★ 41звёзд репо godot4-isometric-tilemap Настраивает 2:1 изометрию в Godot 4 через TileMapLayer и Y-sort: правильный порядок отрисовки, без ручных смещений спрайтов. CX Codex +1 ★ 41звёзд репо comfyui-lowvram-setup Скилл задаёт низкопамятную конфигурацию ComfyUI для генерации изометрических ассетов SDXL. Пригодится для настройки RTX 3060 с 12 ГБ видеопамяти и подготовки целого набора тайлов. CX Codex +1 ★ 41звёзд репо canvas2d-isometric-renderer Собирает цикл отрисовки изометрической карты на Canvas 2D: тайлы фоном, объекты после них и по глубине. CX Codex +1 ★ 41звёзд репо autotiling-transitions Скилл для ИИ-кодинга, который задаёт правила автоподбора переходных тайлов между травами, водой и песком. Пригодится, когда карта выглядит как шахматная доска из-за резких стыков. CX Codex +1 ★ 41звёзд репо

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

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