This one gets game UI right by combining three philosophies that actually matter: Nintendo's ruthless clarity, diegetic immersion from Dead Space and Metroid Prime, and esports readability where a missed cooldown indicator costs matches. It's grounded in shipping real games across wildly different contexts, from 200-hour RPGs to 30-second arcade loops, from 4K TVs to Steam Deck screens. The skill references three core documents for patterns, sharp edges, and validation rules, so you're getting opinionated guidance rather than generic design theory. Use it when you need someone who knows that controller navigation is the real test of UI architecture and that if players notice your interface, something went wrong.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
30
skills.sh installs
4.3K
GitHub stars
202
last updated
Aug 21, 2026

Install

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

Installs into .claude/skills of the current project.

Files

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

Sponsors

Details

Repository
github.com/omer-metin/skills-for-antigravity
Categories
Frontend Development, AI & Agent Building, Design & UI/UX, CLI & Terminal, Game Development

More from omer-metin/skills-for-antigravity

All 23
1assistant-ui avatarreact-mcpassistant-ui/skillsLets end users add, authenticate, and manage MCP servers from the browser in assistant-ui apps with @assistant-ui/react-mcp. Use when building user-managed MCP 4.2Kskills.sh installs
2getsentry avatarsentry-react-native-sdkgetsentry/sentry-for-aiFull Sentry SDK setup for React Native and Expo. Use when asked to "add Sentry to React Native", "install @sentry/react-native", "setup Sentry in Expo", or conf4.2Kskills.sh installs
3softaworks avatarreact-useeffectsoftaworks/agent-toolkitReact useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. T4.1Kskills.sh installs
4forcedotcom avatargenerating-ui-bundle-metadataforcedotcom/sf-skillsMUST activate when the project contains a uiBundles/*/src/ directory and scaffolding a new UI bundle or app, or when editing ui-bundle.json, .uibundle-meta.xml,3.7Kskills.sh installs
5forcedotcom avatargenerating-ui-bundle-featuresforcedotcom/sf-skillsMUST activate when the project contains a uiBundles/*/src/ directory and the user wants to add authentication or search to their app. Use this skill when adding3.7Kskills.sh installs
6forcedotcom avatardeploying-ui-bundleforcedotcom/sf-skillsMUST activate when the project contains a uiBundles/*/src/ directory or sfdx-project.json and the task involves deploying, pushing to an org, or post-deploy set3.6Kskills.sh installs