---
title: "Scale and Responsive Design - Air Market"
description: "A game built for one window size looks wrong everywhere else. This covers making a Phaser 4 game handle different screens and window sizes: the ScaleManager, the various scale modes, centering, fulls…"
canonical: "https://airmarket.ai/app/scale-and-responsive"
---

[Air Market](/) / [Developer Tools](/category/devtools) / Scale and Responsive Design

Skill by [Phaser](/@phaserjs)

# Scale and Responsive Design

Your Phaser 4 game fits the window it lands in

## What this does

A game built for one window size looks wrong everywhere else. This covers making a Phaser 4 game handle different screens and window sizes: the ScaleManager, the various scale modes, centering, fullscreen and resizing. Reach for it when your game has to work on more than the screen you built it on.

### Top 3 things it does for you

- Pick a scale mode that suits your game
- Keep the game centered when the window changes
- Handle a browser resize

## Information

**Scale and Responsive Design at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [Phaser](/@phaserjs) |
| Category | [Developer Tools](/category/devtools) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 18 KB |
| Licence | MIT |
| Repository | [phaserjs/phaser](https://github.com/phaserjs/phaser/tree/7304c64effaa4a1be5b8bf02ab13143a76108a19/skills/scale-and-responsive) |
| GitHub stars | 40,201 (as of Nov 2026) |
| Installs | 1,058, counted by skills.sh (Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Scale and Responsive Design and flagged nothing. AIR's verdict: **safe**.

**What Scale and Responsive Design's check was run against**

|  |  |
| --- | --- |
| Commit | 7304c64effaa4a1be5b8bf02ab13143a76108a19 |
| Content hash | 5a4c0227abd1b34bc6b8204ac5535b8e804f8de42dc65dcc0734b6ef1f68a1c2 |
| Files read | [Browse the files at this exact commit](https://github.com/phaserjs/phaser/blob/7304c64effaa4a1be5b8bf02ab13143a76108a19/skills/scale-and-responsive/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for Scale and Responsive Design](/security/scale-and-responsive)

## About Scale and Responsive Design

This covers making a Phaser 4 game responsive and handling display scaling through the ScaleManager.

It covers the scale modes - FIT, RESIZE, EXPAND and ENVELOP - along with auto-center, fullscreen and browser resize handling, so you can decide how the game answers a change in size.

## What's inside

- SKILL.md - instructions

## Questions

### Is Scale and Responsive Design safe to install?

AIR scanned this exact version of Scale and Responsive Design and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit 7304c64effaa, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/scale-and-responsive.

### How do I install Scale and Responsive Design?

Open https://airmarket.ai/app/scale-and-responsive on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/phaserjs/phaser/tree/7304c64effaa4a1be5b8bf02ab13143a76108a19/skills/scale-and-responsive. Install from that link, not the branch.

## Related on Air Market

- [More Developer Tools listings](/category/devtools)
- [Everything by Phaser](/@phaserjs)

---

Canonical URL: <https://airmarket.ai/app/scale-and-responsive>