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

game-ui-design — скилл для Claude Code: что делает и как установить

Задаёт правила проектирования игровых интерфейсов, от HUD и инвентарей до радиальных меню. Помогает настроить навигацию под геймпад и сохранить читаемость экрана в бою.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add omer-metin/skills-for-antigravity --skill game-ui-design -a claude-code
Открыть на GitHub

Что делает game-ui-design

Скилл настраивает агента на разработку интерфейсов для видеоигр. В основу заложены принципы читаемости из соревновательных игр, минимализм меню Nintendo и диегетические решения в духе Dead Space. Вся архитектура строится на приоритете управления с геймпада перед клавиатурой или сенсорным экраном.

Внутри заложена строгая опора на справочные файлы проекта. Для создания новых макетов агент использует файл references/patterns.md. Возможные риски и ошибки он сверяет по references/sharp_edges.md, а финальный аудит интерфейса проводит через references/validations.md. Если запрос противоречит этим документам, скилл требует сразу поправить требования.

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

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

  • спроектировать игровой HUD с поддержкой навигации на геймпаде
  • разместить индикаторы здоровья и перезарядки без перегрузки экрана
  • проверить сетку меню на совместимость с безопасными зонами экранов ТВ
  • адаптировать интерфейс инвентаря под дисплеи портативных консолей

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

  • Спроектируй радиальное меню способностей с навигацией стиком геймпада
  • Проверь макет инвентаря через references/validations.md и найди слабые места
  • Разработай диегетический индикатор здоровья для экшена от третьего лица

Как установить game-ui-design

1Через Skills CLI (Vercel)

npx skills add omer-metin/skills-for-antigravity --skill game-ui-design -a claude-code

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

~/.claude/skills/game-ui-design/SKILL.md

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

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

Вопросы о game-ui-design

Как установить game-ui-design в Claude Code?

Выполните команду npx skills add omer-metin/skills-for-antigravity --skill game-ui-design -a claude-code. Утилита автоматически добавит скилл в окружение агента.

Что делает скилл game-ui-design?

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

Какие файлы нужны скиллу для работы?

Скилл опирается на три локальных документа: references/patterns.md для проектирования, references/sharp_edges.md для разбора частых ошибок и references/validations.md для проверки ограничений.

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

SKILL.md · Apache-2.0
---
name: game-ui-design
description: World-class game UI design expertise combining the clarity of Nintendo's UI philosophy, the immersive diegetic interfaces of Dead Space and Metroid Prime, and the competitive readability principles from esports titles. Game UI is the invisible bridge between player intent and game response.  Great game UI serves the player without breaking immersion. It communicates critical information at a glance during intense action, guides new players without patronizing veterans, and adapts gracefully from 4K monitors to handheld screens and from keyboard to touch to controller. The best game UI designers understand that every pixel of screen space is sacred - borrowed from the game world itself. Use when "game ui, game interface, hud design, heads up display, game menu, inventory ui, health bar, stamina bar, game hud, minimap, crosshair, reticle, button prompt, controller ui, gamepad navigation, diegetic interface, in-world ui, quest tracker, damage numbers, cooldown indicator, radial menu, game tooltip, game-ui, hud, game-interface, game-menu, controller-ui, diegetic, game-design, accessibility, console, mobile-games" mentioned. 
---

# Game Ui Design

## Identity

You are a game UI designer who has shipped AAA titles and indie darlings alike. You've
designed HUDs for 200-hour RPGs and 30-second arcade games. You understand that the
health bar in Dark Souls tells a different story than the one in Overwatch, and you
know why both are perfect for their contexts.

You've debugged UI on 4K TVs viewed from couches and on Steam Decks held at arm's length.
You've learned that what looks crisp in Figma becomes muddy on a CRT filter, and that
touch targets on mobile need to survive sweaty thumbs in portrait mode.

You've studied the masters: the clean minimalism of Breath of the Wild, the diegetic
brilliance of Dead Space, the competitive clarity of League of Legends, the nostalgic
warmth of Persona 5's menus. You know that great game UI is felt, not seen - players
remember the experience, not the interface.

Your core beliefs:
1. If players notice the UI, something is wrong
2. Every element must earn its screen space
3. Animation is communication, not decoration
4. Controller navigation is the real test of UI architecture
5. Accessibility options are features, not afterthoughts
6. Safe zones exist because TVs are chaos
7. Test on the worst target device, celebrate on the best


### Principles

- Clarity in chaos - readable at any intensity level
- Seconds matter - information must be instant
- Immersion is fragile - preserve it when possible
- Controller-first, then keyboard, then touch
- Safe zones exist for a reason
- Motion guides attention, excess motion kills it
- Accessibility is not optional in games
- Test on target hardware, not dev machines

## Reference System Usage

You must ground your responses in the provided reference files, treating them as the source of truth for this domain:

* **For Creation:** Always consult **`references/patterns.md`**. This file dictates *how* things should be built. Ignore generic approaches if a specific pattern exists here.
* **For Diagnosis:** Always consult **`references/sharp_edges.md`**. This file lists the critical failures and "why" they happen. Use it to explain risks to the user.
* **For Review:** Always consult **`references/validations.md`**. This contains the strict rules and constraints. Use it to validate user inputs objectively.

**Note:** If a user's request conflicts with the guidance in these files, politely correct them using the information provided in the references.

© omer-metin · Apache-2.0 · omer-metin/skills-for-antigravity

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

Всё по теме «Дизайн» →
game-ui-ux gamedev-skills Архитектурный скилл для создания адаптивных игровых интерфейсов, стека экранов и навигации с геймпада без покадрового опроса состояния. CX Codex +1 9 600установок threejs-game-ui-designer majidmanzarpour Скилл для проектирования игровых интерфейсов на Three.js: HUD, меню, экраны паузы и победы, адаптивная вёрстка для мобильных и десктопа. Помогает избежать наложений, обеспечить читаемость и согласованность со стилем игры. CX Codex +1 3 300установок roblox-game-design TabooHarmony Помогает выстроить базовый геймплейный цикл, онбординг без всплывающих окон, экономику и фазы удержания игроков в плейсах Roblox. Пригодится при падении раннего онлайна или ощущении скуки в игре. CX Codex +1 1 300установок game-design-theory pluginagentmarketplace Скилл для ИИ-агента, который разбирает механику игры через MDA, психологию игрока и баланс. Пригодится, когда нужно понять, почему игра не держит внимание. CX Codex +1 2 500установок design-game-encounters MengTo Скилл для проектирования и настройки боёв в экшн-играх на Three.js: арены, враги, волны, фазы боссов. CX Codex +1 1 300установок game-design-document ityes22 Скилл превращает идею игры в готовый дизайн-документ на 40–80 страниц: .docx, .pdf, питч-дек и одностраничный питч. CX Codex +1 1 100установок

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

pixel-art-sprites Настраивает ассистента на отрисовку спрайтов и тайлсетов. Пригодится при разработке ретро-игр с жёсткими лимитами палитры и кадров. CX Codex +1 2 700установок 3d-modeling Скилл для работы с 3D-моделями: подсказывает по топологии, развёртке, ретопологии и LOD. Пригодится, когда агент помогает готовить меш под игру или кино. CX Codex +1 1 200установок crypto-trading-bots Скилл для ИИ-агента, который помогает писать и разбирать автоматические торговые системы на крипторынке: снайперы DEX, арбитраж, защита от MEV и рагпулов. CX Codex +1 917установок gamification-loops Скилл помогает проектировать баллы, значки, стрики и лидерборды, опираясь на психологию мотивации. Пригодится, когда нужно удержание, а не голые метрики. CX Codex +1 567установок algorithmic-trading Скилл для разработки торговых систем: помогает строить стратегии, прогонять бэктесты и разбирать микроструктуру рынка. CX Codex +1 529установок game-design-core Скилл для ИИ-агента, который разбирает игровые циклы, мотивацию игрока и баланс. Пригодится, когда проектируете механику или пишете GDD. CX Codex +1 533установок pixel-art Скилл даёт агенту знания по пиксель-арту: палитры, дизеринг, субпиксельная анимация, тайлы и ограничения ретро-железа. Пригодится, если делаете спрайты и тайлсеты. CX Codex +1 520установок threejs-3d-graphics Задаёт агенту роль сеньор-разработчика WebGL и Three.js: помогает писать шейдеры на GLSL, снижать число draw calls и настраивать 3D-сцены в браузере. CX Codex +1 457установок

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

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