---
title: "Matter.js Skill - Air Market"
description: "You want objects on a page to fall, collide, swing or get dragged the way real ones would. This covers building that with Matter.js: the world the objects live in, the objects themselves, and the joi…"
canonical: "https://airmarket.ai/app/matterjs"
---

[Air Market](/) / [Developer Tools](/category/devtools) / Matter.js Skill

Skill by [Meng To](/@mengto)

# Matter.js Skill

Put real physics behind things people push around on a page

## What this does

You want objects on a page to fall, collide, swing or get dragged the way real ones would. This covers building that with Matter.js: the world the objects live in, the objects themselves, and the joints between them. Reach for it when a canvas scene should answer scrolling or a cursor.

### Top 3 things it does for you

- Set up a physics world in the browser
- Add bodies and join them with constraints
- Build a canvas scene that reacts to scroll and input

## Information

**Matter.js Skill at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [Meng To](/@mengto) |
| Category | [Developer Tools](/category/devtools) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 57 KB |
| Licence | MIT |
| Repository | [MengTo/Skills](https://github.com/MengTo/Skills/tree/bdf0e83c5d12c84229b4f9c6524900aca65e44b8/agent-skills/web-design/matterjs) |
| GitHub stars | 5,235 (as of Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Matter.js Skill and flagged nothing. AIR's verdict: **safe**.

**What Matter.js Skill's check was run against**

|  |  |
| --- | --- |
| Commit | bdf0e83c5d12c84229b4f9c6524900aca65e44b8 |
| Content hash | 3b67f2b1b0e25c3d168500e0a4bbf3cc5262d4a34726b540a4ae3c723f97c8da |
| Files read | [Browse the files at this exact commit](https://github.com/MengTo/Skills/blob/bdf0e83c5d12c84229b4f9c6524900aca65e44b8/agent-skills/web-design/matterjs/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 Matter.js Skill](/security/matterjs)

## About Matter.js Skill

Guidance for implementing two-dimensional physics interactions with Matter.js: setting up the Engine and World, configuring the Render and Runner, and adding bodies and constraints.

It also covers canvas scenes meant to sit inside a page, so the simulation works with scrolling and visitor interaction rather than against them.

## What's inside

- SKILL.md - instructions
- demo/index.html - template
- demo/preview.jpg
- demo/PROMPT.md - reference

## Questions

### Is Matter.js Skill safe to install?

AIR scanned this exact version of Matter.js Skill and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit bdf0e83c5d12, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/matterjs.

### How do I install Matter.js Skill?

Open https://airmarket.ai/app/matterjs 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/MengTo/Skills/tree/bdf0e83c5d12c84229b4f9c6524900aca65e44b8/agent-skills/web-design/matterjs. Install from that link, not the branch.

## Related on Air Market

- [More Developer Tools listings](/category/devtools)
- [Everything by Meng To](/@mengto)

---

Canonical URL: <https://airmarket.ai/app/matterjs>