CtrlK
BlogDocsLog inGet started
Tessl Logo

threejs-game-ui-designer

Design premium Three.js game UI: HUDs, menus, overlays, pause/win/lose screens, settings, icon controls, touch UI, typography, responsive layout, safe areas, text fit, and UI/world cohesion.

67

Quality

80%

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.

The skill body is concise, well-structured, and uses a single real one-level-deep reference effectively. The workflow is clearly sequenced with a verification step, though it could be strengthened into an explicit validate→fix→retry loop, and the instruction-only guidance lacks executable examples.

DimensionReasoningScore

Conciseness

The body is lean and assumes Claude's competence — no padding, no explaining what Three.js or a HUD is, and each section (Reference, Workflow, What goes wrong, Report) earns its place.

5 / 5

Actionability

Steps give concrete, specific guidance ('Capture desktop and mobile screenshots', 'Use stable dimensions, safe-area padding, text-fit constraints, and hover/pressed/focus/disabled states'), but as an instruction-only skill it lacks executable code or exact parameters, leaving minor gaps.

4 / 5

Workflow Clarity

A clear 7-step sequence is present with a final verification checkpoint (step 7 checks text fit, overlap, safe areas, touch targets, and real state changes on both viewports), but it is a single terminal check rather than an explicit validate→fix→retry feedback loop.

4 / 5

Progressive Disclosure

A single well-signaled one-level-deep reference is present ('references/ui-patterns.md — … Read it before designing …'), the referenced file exists, and the body is appropriately split into clean overview sections with easy navigation.

5 / 5

Total

18

/

20

Passed

Description

75%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.

The description is specific, distinctive, and lists comprehensive concrete capabilities, but it omits an explicit trigger ('Use when…') clause, which limits completeness. Adding a 'Use when …' sentence covering game UI, HUDs, menus, and mobile/touch UI would raise the score.

Suggestions

Append an explicit trigger clause such as 'Use when designing or fixing Three.js game UI — HUDs, menus, overlays, pause/win/lose screens, or touch controls on mobile targets.'

Add natural synonyms and variations users say (e.g. 'game HUD', 'in-game menu', 'mobile game UI', 'pause screen') to broaden trigger term coverage.

Tighten the long element list into a shorter core set plus a 'Use when' trigger to keep the description scannable while improving completeness.

DimensionReasoningScore

Specificity

The description lists multiple concrete UI artifacts and actions — 'HUDs, menus, overlays, pause/win/lose screens, settings, icon controls, touch UI, typography, responsive layout, safe areas, text fit, and UI/world cohesion' — giving comprehensive coverage of the skill's scope.

5 / 5

Completeness

The 'what' is clearly stated ('Design premium Three.js game UI: …') but there is no explicit 'when' / 'Use when…' clause, which per the rubric caps completeness at 3.

3 / 5

Trigger Term Quality

Natural terms like 'HUDs, menus, overlays, settings, touch UI, responsive layout' are present and would be said by a user, but synonyms and variations are limited and there is no explicit 'Use when…' phrase to anchor triggering.

4 / 5

Distinctiveness Conflict Risk

The 'Three.js game UI' niche is specific and clearly distinguishable from general UI/web skills, with minimal risk of triggering for unrelated skills.

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
majidmanzarpour/threejs-game-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.