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. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.

81

1.35x
Quality

72%

Does it follow best practices?

Impact

100%

1.35x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/3d-web-experience/SKILL.md

The canonical home for this skill is 3d-web-experience in sickn33/agentic-awesome-skills

SKILL.md
Quality
Evals
Security

Quality

Content

61%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 actionable and well-structured with strong code examples, but it is held back by unnecessary persona prose and workflows that lack explicit validation feedback loops.

Suggestions

Remove or condense the 'Role' persona paragraph; replace motivational text with concrete guidance Claude can act on.

Add an explicit validation checkpoint to the 3D Model Pipeline (e.g., verify compressed size < 5MB, re-optimize if exceeded) to create a validate-fix-retry loop.

Fix the broken nested code fences: the '```python' pattern blocks contain inner '```' fences that break markdown rendering — use plain text or indentation instead.

DimensionReasoningScore

Conciseness

Code examples and tables are efficient, but the 'Role' persona paragraph ('You bring the third dimension to the web. You know when 3D enhances and when it's just showing off...') is motivational fluff that Claude does not need.

3 / 5

Actionability

Provides concrete, mostly executable code (Spline, R3F, gltf-transform CLI, useGLTF, ScrollControls, GSAP) plus decision tables, with minor placeholders like 'xxx' scene URLs and '...mesh'.

4 / 5

Workflow Clarity

The 3D Model Pipeline is a clear numbered sequence with one implicit check ('Test file size < 5MB ideal'), but lacks an explicit validate-then-fix feedback loop for the optimization steps.

3 / 5

Progressive Disclosure

No bundle files exist; ~250 lines are all inline but well-organized into Capabilities, Patterns, and Anti-Patterns sections, which is appropriate for a pattern-reference skill.

4 / 5

Total

14

/

20

Passed

Description

83%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, specific description that clearly states capabilities and provides explicit trigger phrases. The main gap is modest trigger-term coverage missing some common synonyms.

Suggestions

Add common synonyms to the 'Use when' clause such as Spline, GLTF/glTF, 3D model, and 3D configurator to broaden natural-keyword coverage.

Trim the vague phrase 'bringing depth to web experiences' in favor of another concrete capability.

DimensionReasoningScore

Specificity

Names the 3D-web domain plus several concrete deliverables and technologies ('product configurators, 3D portfolios, immersive websites', 'Three.js, React Three Fiber, Spline, WebGL'), with minor fluff in 'bringing depth to web experiences'.

4 / 5

Completeness

Explicitly answers both what it does (building 3D experiences with listed tech and use cases) and when to use it via concrete trigger phrases after 'Use when:'.

5 / 5

Trigger Term Quality

The 'Use when' list covers natural terms ('3D website, three.js, WebGL, react three fiber, 3D experience'), but omits common variations like Spline, GLTF/glTF, 3D model, or configurator.

4 / 5

Distinctiveness Conflict Risk

Triggers are 3D-specific (three.js, WebGL, react three fiber) with minimal conflict risk, though it could overlap slightly with general frontend or landing-page skills.

4 / 5

Total

17

/

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.

Validation — 15 / 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
agent-skills-hub/agent-skills-hub
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.