CtrlK
BlogDocsLog inGet started
Tessl Logo

matterjs

Use when implementing 2D physics interactions with Matter.js, including Engine/World setup, Render/Runner configuration, adding bodies and constraints, and scroll/interaction-friendly canvas scenes.

65

Quality

78%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./agent-skills/web-design/matterjs/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

78%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A tight, code-first body: executable setup and mouse-interaction examples, a clear conditional workflow, and a useful cleanup checklist with no padding or over-explanation. The only improvements are showing how to load the library and trimming the slight overlap between the code sample and the Common patterns bullets.

DimensionReasoningScore

Conciseness

The body is lean and assumes competence — no tutorials on what a physics engine is, just setup code, patterns, and checklists. The 'Common patterns' bullets partially restate what the setup code already shows (Composite.add, wireframes option), a minor trim opportunity that keeps it below the 'every token earns its place' anchor.

4 / 5

Actionability

Code is concrete and copy-paste ready (Engine/Render/Runner creation, bodies, mouse constraint, cleanup with Runner.stop), covering the common cases. The one minor gap is that loading Matter.js itself (script tag or import) is never shown, so the examples are not fully self-contained — the 'concrete code with minor gaps' anchor.

4 / 5

Workflow Clarity

The 4-step workflow is clearly sequenced with sensible conditionality ('only if requested', cleanup for SPA teardown) and a questions section for missing specs. There are no explicit validation/checkpoint steps (e.g., confirming the render loop is running), which keeps it just below the level-5 anchor; the skill is not destructive/batch so no cap applies.

4 / 5

Progressive Disclosure

The skill is a compact single file (~60 lines, mostly code) with no references/, scripts/, or assets/ bundle and no content that warrants splitting out. Sections (Workflow, Minimal setup, Common patterns, Mouse interaction, Cleanup, Questions) are well-organized and easy to navigate — matching the well-organized-sections ideal for a simple skill.

5 / 5

Total

17

/

20

Passed

Description

78%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong description in third-person voice with an explicit 'Use when...' trigger and several concrete capability areas anchored to a specific library. Main room for improvement is adding user-mention trigger variations and natural synonyms like 'physics engine' or 'physics simulation'.

DimensionReasoningScore

Specificity

Lists several concrete capabilities — 'Engine/World setup, Render/Runner configuration, adding bodies and constraints' — which are specific, though 'scroll/interaction-friendly canvas scenes' is vaguer and coverage has minor gaps (e.g., no mention of collision events or plugins). Fits the 'several specific actions; minor gaps' anchor, not the comprehensive level 5.

4 / 5

Completeness

The 'Use when...' clause explicitly states when to invoke it, and the 'including ...' list describes what it does, so both are present. However, the what is fused into the when-clause and there are no separate user-mention triggers ('or when the user mentions X'), so the 'when' is slightly less explicit than the level-5 anchor.

4 / 5

Trigger Term Quality

Natural terms like 'Matter.js', '2D physics interactions', 'canvas', 'bodies', and 'constraints' match what users would say, but common synonyms such as 'physics engine', 'physics simulation', 'rigid bodies', or 'game physics' are missing. Good coverage with a few natural terms absent — anchor 4, not the synonym-complete level 5.

4 / 5

Distinctiveness Conflict Risk

Naming the specific library 'Matter.js' with its own vocabulary (Engine/World/Render/Runner, bodies, constraints) carves out a clear niche that would rarely trigger for the wrong skill — matching the 'clear niche with distinct triggers' anchor.

5 / 5

Total

17

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
MengTo/Skills
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.