game-ui-frontend Skill
Design UI surfaces for browser games. Use when the user asks for HUDs, menus, overlays, responsive layouts, or visual direction that must protect the playfield. Published by openai in plugins.
What is game-ui-frontend Skill?
Design UI surfaces for browser games. Use when the user asks for HUDs, menus, overlays, responsive layouts, or visual direction that must protect the playfield. Published by openai in plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Browser automation
- Design and media
- Browser automation use cases
- Design and media use cases
Technical details
- Install or run with Copy skill directory
When to use game-ui-frontend Skill
- Use it for browser automation.
- Use it for design and media.
Built with
Editorial notes
Source
- Creator: openai
- Repository: openai/plugins
- Skill file: plugins/game-studio/skills/game-ui-frontend/SKILL.md
What it does
Design UI surfaces for browser games. Use when the user asks for HUDs, menus, overlays, responsive layouts, or visual direction that must protect the playfield.
Skill instructions
Game UI Frontend Overview Use this skill whenever the game needs a visible interface layer. The job is not to produce generic dashboard UI. The job is to produce a readable, thematic browser-game interface that supports the play experience. Default assumption: build the game world in canvas or WebGL, and build text-heavy UI in DOM. Frontend Standards 1. Establish visual direction before coding. - Genre and fantasy - Material language - Typography - Palette - Motion tone 2. Use CSS variables for the UI theme. 3. Build clear hierarchy. - Critical combat or survival information first - Secondary tools second - Rarely used settings behind menus or drawers 4. Protect the playfield first, especially in 3D. - The initial screen should feel playable within a few seconds. - Default to one primary persistent HUD cluster and at most one small secondary cluster. - Keep the center of the playfield clear during normal play. - Keep the lower-middle playfield mostly clear during normal play. - Put lor
Explore related resources
Frequently asked questions
What is game-ui-frontend?
game-ui-frontend is a open-source AI agent skill with Copy skill directory. Design UI surfaces for browser games. Use when the user asks for HUDs, menus, overlays, responsive layouts, or visual direction that must protect the playfield.
Who is game-ui-frontend best for?
game-ui-frontend is best for reusing agent instructions, scripts, and references, browser automation workflows, design and media workflows.
How do I install game-ui-frontend?
Install or run game-ui-frontend using Copy skill directory. Check game-ui-frontend for the latest setup command.
Is game-ui-frontend actively maintained?
game-ui-frontend may need a closer maintenance check before production use.
Auto-fetched from GitHub.
