# Threejs Game Ui Designer

> Design premium Three.js game UI. Use for HUDs, menus, overlays, pause/win/lose screens, settings, icon controls, touch UI, typography, responsive layout, safe areas, text fit, and UI/world cohesion.

- **Type:** Skill
- **Install:** `agentstack add skill-majidmanzarpour-threejs-game-skills-threejs-game-ui-designer`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [majidmanzarpour](https://agentstack.voostack.com/s/majidmanzarpour)
- **Installs:** 0
- **Category:** [Agent Skills](https://agentstack.voostack.com/c/agent-skills)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [majidmanzarpour](https://github.com/majidmanzarpour)
- **Source:** https://github.com/majidmanzarpour/threejs-game-skills/tree/main/skills/threejs-game-ui-designer

## Install

```sh
agentstack add skill-majidmanzarpour-threejs-game-skills-threejs-game-ui-designer
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# Three.js Game UI Designer

## Purpose

Make game UI intentional, readable, responsive, and genre-specific.

## Workflow

Load `references/ui-patterns.md` as the first action when designing HUDs, menus, overlays, pause/win/lose screens, settings, touch controls, typography, responsive layout, safe areas, text fit, icons, or UI/world cohesion. Track it in a reference ledger with yes/no, path, and failure reason. Do not mark the UI phase complete while this reference is skipped for interface work.

Load `references/checklists/game-ui-quality.md`, `references/checklists/hud-readability.md`, and `references/checklists/responsive-ui-fit.md` before claiming UI/HUD/menu work is complete. Load `references/checklists/mobile-input.md` when touch controls or mobile safe areas are in scope.

Load `references/prompt-templates.md` only when the user asks for reusable prompts, a UI pass prompt, or a task template.

Load `threejs-image-generator` when logos, icons, GUI art, faction marks, menu backgrounds, decals, or 2D HUD assets would improve quality. Use `threejs-3d-generator` only for 3D menu/showcase objects or diegetic 3D UI props, not normal flat HUD elements.

1. Capture/inspect desktop and mobile screenshots.
2. Inventory UI states: gameplay, pause, settings, fail/retry, win/milestone, loading, touch controls.
3. Define hierarchy: survival/status, objective, feedback, flavor.
4. Replace utility stat cards with authored clusters, meters, badges, icons, alerts, and modal states.
5. Use stable dimensions, safe-area padding, text-fit constraints, hover/pressed/focus/disabled states.
6. Wire UI to game state, not duplicated rules.
7. Verify text fit, overlap, safe areas, touch targets, responsive screenshots, and real state changes.

## Common Failure Modes

- Generic dashboard/stat-card HUD.
- UI covers player/threats.
- Text shifts/clips on mobile.
- Decorative panels reduce readability.
- Touch controls look right but do not emit intents.

## Final Response

Report the reference ledger, UI state checklist, UI intent, states covered, files changed, screenshots, text-fit/overlap checks, safe-area/touch-target evidence, controls, and remaining risks.

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [majidmanzarpour](https://github.com/majidmanzarpour)
- **Source:** [majidmanzarpour/threejs-game-skills](https://github.com/majidmanzarpour/threejs-game-skills)
- **License:** MIT

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-majidmanzarpour-threejs-game-skills-threejs-game-ui-designer
- Seller: https://agentstack.voostack.com/s/majidmanzarpour
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.