Design game user interfaces with wireframes. TRIGGERS - Use when user needs help with game-ui-design related tasks.
Scanned 9/7/2026
Install to Claude Code
npx -y skills add Winbda/claude-skills-collection --skill game-ui-design --agent claude-codeInstalls 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.
[](https://www.skillsdirectory.com/skills/winbda-game-ui-design)More formats (shields.io, HTML) on the badges page.
---
name: game-ui-design
description: |
Design game user interfaces with wireframes.
TRIGGERS - Use when user needs help with game-ui-design related tasks.
category: Gaming
version: 1.0
---
# game-ui-design
## Workflow
1. **Understand Requirements** - Context, audience, goals, constraints
2. **Research & Analyze** - Best practices, frameworks, background
3. **Create Draft** - Structured, actionable, tailored output
4. **Review & Refine** - Quality check, consistency, completeness
## Output Format
**Context:** [Situation] | **Objective:** [Goal] | **Audience:** [Who]
### Key Components
| Component | Details | Owner | Timeline |
|-----------|---------|-------|----------|
| [Item] | [Specifics] | [Who] | [When] |
### Action Plan
1. **Immediate:** [First steps]
2. **Short-term:** [Build momentum]
3. **Medium-term:** [Scale]
### Success Metrics
| Metric | Target | Method |
|--------|--------|--------|
| [KPI] | [Goal] | [Track] |
## Quality Checklist
- [ ] Tailored to context
- [ ] Actionable steps
- [ ] Measurable criteria
- [ ] Professional format
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
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.