CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

optimize-threejs-games

Profile, diagnose, and improve Three.js or WebGL game performance without regressing gameplay. Use for frame-time drops, CPU/GPU pressure, draw calls, texture and geometry budgets, animation loops, adaptive quality, mobile performance, and browser performance verification.

Quality

89%

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

86%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 lean, well-structured instruction-only skill with a clear measure-diagnose-fix-verify workflow and concrete technique checklists. It would be stronger with a few executable profiling commands and an explicit retry loop when post-optimization verification fails.

Suggestions

Add one or two concrete measurement commands or snippets (e.g., renderer.info, stats.js, or Chrome DevTools performance profiling) so the 'Establish a repeatable scene' section has copy-paste-ready instrumentation.

Add an explicit feedback loop to 'Guard the result': state what to do when frame time or visual verification still fails (e.g., revert the last change and re-diagnose with the recorded baseline).

Name specific diagnostic signals for the CPU/GPU split (e.g., long scripting vs rendering time in the DevTools flame chart) to make 'Diagnose the limiting side' directly executable.

DimensionReasoningScore

Conciseness

The ~20-line body is entirely directive with zero padding or explanation of concepts Claude already knows (e.g., "Inspect before optimizing; do not lower quality blindly"); every token earns its place.

5 / 5

Actionability

Concrete directives ("Reuse geometry/materials, pool transient effects, cull inactive/offscreen work, cap particle counts") and a specific recording checklist make this mostly actionable, but no executable commands or code snippets (e.g., renderer.info, stats.js, DevTools steps) are given, leaving minor gaps versus copy-paste-ready guidance.

4 / 5

Workflow Clarity

A clear four-phase sequence (establish baseline, diagnose, apply fixes, guard) with explicit validation at both ends ("Measure before changing behavior"; "Re-run the original encounter and verify frame time, visual correctness..."). It lacks an explicit error-recovery feedback loop (what to do when verification fails), which the anchor-5 example requires.

4 / 5

Progressive Disclosure

Under 50 lines, no external references needed, and well-organized sections; the simple-skill exception applies and the single-file structure is fully navigable.

5 / 5

Total

18

/

20

Passed

Description

87%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: third-person, concise, with a clear what/when structure and domain-specific trigger terms. The only weaknesses are slightly generic capability verbs and a few missing common synonyms (FPS, frame rate, laggy game) in the trigger list.

DimensionReasoningScore

Specificity

"Profile, diagnose, and improve Three.js or WebGL game performance without regressing gameplay" names the domain and three concrete actions, but the verbs are slightly generic compared to the anchor-5 pattern of multiple fully-elaborated actions (e.g., "extract text and tables, fill forms, merge documents, convert pages"). It is clearly above "1-2 concrete actions" but has minor coverage gaps.

4 / 5

Completeness

It clearly answers both what ("Profile, diagnose, and improve Three.js or WebGL game performance") and when ("Use for frame-time drops, CPU/GPU pressure, draw calls...") with concrete trigger phrases, matching the anchor-5 example structure exactly.

5 / 5

Trigger Term Quality

"Use for frame-time drops, CPU/GPU pressure, draw calls, texture and geometry budgets, animation loops, adaptive quality, mobile performance" provides good natural keyword coverage, but common user phrasings like "FPS", "frame rate", "slow/laggy game" are missing, so it falls short of the comprehensive synonym coverage of a 5.

4 / 5

Distinctiveness Conflict Risk

A clear niche (Three.js/WebGL game performance optimization) with distinct trigger terms; only minimal overlap risk with generic browser-performance tooling.

5 / 5

Total

18

/

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

Path

agent-skills/game-development/optimize-threejs-games/SKILL.md

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.