CtrlK
BlogDocsLog inGet started
Tessl Logo

3d-web-experience

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences.

60

Quality

71%

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 ./skills/3d-web-experience/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

76%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 body is highly actionable with executable code and useful decision aids, but the multi-step workflows (model pipeline, configurator, portfolio) lack explicit validation checkpoints, capping workflow clarity. Cleaning up duplicated section headings would tighten structure.

Suggestions

Add explicit validation/verification steps to the model pipeline and configurator workflows (e.g., 'Verify file size < 5MB after compression; if larger, reduce polys or textures and re-export').

Remove the duplicated heading pattern (e.g., '### 3D Stack Selection' immediately followed by '## 3D Stack Selection') to improve navigation.

Convert the 'When to Use' bullets into a concise trigger list and consider moving detailed code into reference files once the skill grows.

DimensionReasoningScore

Conciseness

Mostly lean — tables, decision trees, and tight code blocks assume Claude's competence; minor redundancy such as the duplicated section headers ('## 3D Stack Selection' under '### 3D Stack Selection') could be trimmed.

4 / 5

Actionability

Fully executable copy-paste code for Spline, R3F, gltf-transform compression, scroll controls, and mobile detection covering the common cases with specific commands and imports.

5 / 5

Workflow Clarity

Multi-step workflows (Model Pipeline, Product Configurator, Immersive Portfolio) list sequences but lack explicit validation checkpoints, and several are batch/asset operations where the rubric caps at 3 without feedback loops.

3 / 5

Progressive Disclosure

Good section structure with clearly labeled Patterns and Validation Checks; no bundle files exist so everything is inline, which is reasonable for this length with only minor organization gaps (duplicated headings).

4 / 5

Total

16

/

20

Passed

Description

66%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 clearly names a specific 3D-web niche with strong trigger terms, but it omits an explicit 'Use when...' trigger clause, which caps completeness. Adding a concrete when-to-use sentence would lift it into the top band.

Suggestions

Append an explicit trigger clause, e.g. 'Use when the user wants 3D/interactive WebGL scenes, product configurators, or immersive web visuals.'

Add concrete action verbs (optimize, compress, integrate) rather than only naming domains.

Include common synonyms/extensions users say (R3F, .glb/.gltf, shaders) to round out trigger terms.

DimensionReasoningScore

Specificity

Lists several specific concrete capabilities — 'building 3D experiences,' 'product configurators,' '3D portfolios,' 'immersive websites' — with only minor gaps (no explicit actions like 'optimize' or 'export').

4 / 5

Completeness

The description gives a clear 'what' but no explicit 'when'/'Use when...' trigger clause, which the rubric caps at 3 for a missing trigger clause.

3 / 5

Trigger Term Quality

Good natural keyword coverage ('Three.js,' 'React Three Fiber,' 'Spline,' 'WebGL,' 'product configurator') that users would actually say; a few synonyms/extensions (e.g., .glb, R3F) are missing.

4 / 5

Distinctiveness Conflict Risk

The 3D-web niche is fairly distinct from general frontend skills; minor overlap risk with adjacent skills like scroll-experience or landing-page-design.

4 / 5

Total

15

/

20

Passed

Validation

93%

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

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository
sickn33/antigravity-awesome-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.