CtrlK
BlogDocsLog inGet started
Tessl Logo

three-webgl-game

Implement browser-game runtimes with plain Three.js. Use when the user wants imperative scene control in TypeScript or Vite with GLB assets, loaders, physics, and low-level WebGL debugging.

68

Quality

81%

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

SKILL.md
Quality
Evals
Security

Quality

Content

72%Weight 40%Scale 1-3

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

The body is an efficient, well-organized architectural overview with strong progressive disclosure, but it is short on actionability and workflow clarity: it provides no executable code and frames the work as rules rather than a sequenced, validated build process, leaning entirely on external starter files for implementation detail.

Suggestions

Add at least one minimal copy-paste snippet or command in the body — e.g. a GLTFLoader+DRACOLoader setup or a Vite dev/build command — so the skill is directly actionable instead of deferring all implementation to the starter references.

Provide a short sequenced build-and-validate workflow with explicit checkpoints (e.g. load GLB → verify Draco/KTX2 decode → wire the Rapier step → test WebGL context-loss recovery) rather than presenting only architectural rules.

Collapse the overlap between Core Rule #7 (low-chrome first playable view) and the Initial Scaffold UX section to tighten the body and remove duplicated guidance.

DimensionReasoningScore

Conciseness

The body is lean and opinionated — bullets and rules that assume Claude knows Three.js, Rapier, and SpectorJS — with no padding explaining basic WebGL/library concepts; minor redundancy between Core Rule #7 and the Initial Scaffold UX section is the only slack.

3 / 3

Actionability

It gives concrete, specific guidance (named stack, exact folder structure under render/loaders, render/objects, etc., and named loaders), but contains no executable code or commands — all implementation is deferred to external starter references, so it stops at the "some concrete guidance but incomplete" anchor.

2 / 3

Workflow Clarity

The skill is organized as architectural principles and rules rather than a sequenced build procedure, and it offers no validation checkpoints or feedback loops for what is genuinely a multi-step 3D-runtime task, landing at the "steps listed but validation gaps" level.

2 / 3

Progressive Disclosure

A clear, lean overview points to a dedicated References section with well-labeled, one-level-deep reference files (architecture, starters, debugging), matching the anchor-3 overview-plus-signaled-references pattern; no nested references or monolithic wall of text.

3 / 3

Total

10

/

12

Passed

Description

90%Weight 40%Scale 1-3

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, well-scoped description that explicitly answers both what and when with natural trigger terms and a clear non-React niche. It is only slightly limited on specificity, framing the work as one overarching action with a feature list rather than multiple discrete concrete actions.

DimensionReasoningScore

Specificity

"Implement browser-game runtimes with plain Three.js" names the domain and concrete technical areas (GLB assets, loaders, physics, low-level WebGL debugging), but it is essentially one main action plus a feature list rather than multiple distinct concrete actions, matching the anchor for naming domain and some actions.

2 / 3

Completeness

It explicitly states what the skill does ("Implement browser-game runtimes with plain Three.js") and gives an explicit "Use when the user wants imperative scene control…" trigger, clearly answering both what and when.

3 / 3

Trigger Term Quality

Natural user-facing terms are well covered — "Three.js", "WebGL", "GLB assets", "browser-game", "TypeScript/Vite", and "physics" — the kinds of words a user would actually say when needing this skill.

3 / 3

Distinctiveness Conflict Risk

The description carves a clear niche — plain Three.js, non-React TypeScript/Vite with GLB/Rapier-style physics — and routes React apps to the sibling fiber skill, making it unlikely to trigger for the wrong skill.

3 / 3

Total

11

/

12

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
openai/plugins
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.