Skills DirectorySkills Directory
SkillsLearnSecurityCategoriesDocsCommunityBlog
Sign InSubmit Skill
Skills Directory

Security-tested agent skills for Claude, coding agents, and AI workflows.

Directory

  • Browse Skills
  • All Skills A–Z
  • Claude Skills
  • Claude Code Skills
  • Agent Skills
  • Categories
  • Submit a Skill

Learn

  • Learn Hub
  • Install Claude Skills
  • Write SKILL.md
  • Skills vs MCP
  • Directories Compared

Security

  • Security
  • Methodology
  • Secure Claude Skills
  • Security Badges

Company

  • About
  • Community
  • Blog
  • API Docs
  • Advertise

2026 Skills Directory. All rights reserved.

Back to skills

Game Ui Design

ASecurity

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 f...

137 stars
0 votes
1 copies
15 views
Added 2/10/2026
design

Security Analysis

A100/100

Scanned 2/12/2026

Install to Claude Code

$npx -y skills add omer-metin/skills-for-antigravity --skill game-ui-design --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Game Ui Design?

Add the live security badge to your README — it updates automatically with every re-scan.

Security grade badge for Game Ui Design
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/omer-metin-game-ui-design/badge)](https://www.skillsdirectory.com/skills/omer-metin-game-ui-design)

More formats (shields.io, HTML) on the badges page.

Download Zip
Files
SKILL.md
---
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.

Attribution

omer-metinomer-metin
View sourceMore from omer-metin →
SSkills DirectorySkills Directory

Your tool, in front of Claude Code builders.

3 founder slots · $299/mo · GSC-verified traffic · sponsors can never buy grades.

See placements

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments (0)

No comments yet. Be the first to comment!

SSkills DirectorySkills Directory

Your tool, in front of Claude Code builders.

3 founder slots · $299/mo · GSC-verified traffic · sponsors can never buy grades.

See placements

Related Skills

Responsive Design

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.

393432 votes

Mermaid Diagrams

Creating and refining Mermaid diagrams with live reload. Use when users want flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, or any other Mermaid visualization. Provides best practices for syntax, styling, and the iterative workflow using mermaid_preview and mermaid_save tools.

2032 votes

sleek-design-mobile-apps

Use when the user wants to design a mobile app, create screens, build UI, or interact with their Sleek projects. Covers high-level requests ("design an app that does X") and specific ones ("list my projects", "create a new project", "screenshot that screen").

5711 votes

swiftui-design-skill

SwiftUI frontend visual design skill. Creates beautiful, distinctive iOS/macOS interfaces that avoid generic AI slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review. Use when designing new SwiftUI views, reviewing UI quality, creating iOS prototypes, choosing visual styles, improving app aesthetics, or when the UI looks generic or AI-generated.

1801 votes

Ios Hig

Use when designing iOS interfaces, implementing accessibility (VoiceOver, Dynamic Type), handling dark mode, ensuring adequate touch targets, providing animation/haptic feedback, or requesting user permissions. Apple Human Interface Guidelines for iOS compliance.

761 votes
View all in design →