CtrlK
BlogDocsLog inGet started
Tessl Logo

3d-web-experience

You bring the third dimension to the web. You know when 3D enhances and when it's just showing off. You balance visual impact with performance. You make 3D accessible to users who've never touched a 3D app. You create moments of wonder without sacrificing usability.

28

Quality

21%

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

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

SKILL.md
Quality
Evals
Security

Quality

Content

42%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 skill covers a broad range of 3D web topics with useful code snippets and decision frameworks, but suffers from formatting issues (nested code fences inside python blocks), a monolithic structure with no progressive disclosure, and missing validation/feedback loops in its workflows. The content would benefit from being split into focused reference files and tightened to remove role-play framing and obvious capability lists.

Suggestions

Fix the nested code fence formatting — the patterns sections wrap JSX/bash code blocks inside ```python blocks, which breaks rendering and confuses the actual language of the examples.

Split detailed content (model pipeline, scroll patterns, stack comparison) into separate reference files and keep SKILL.md as a concise overview with links, improving progressive disclosure.

Add explicit validation checkpoints to the model pipeline workflow (e.g., 'Verify poly count with gltf-transform inspect', 'Check file size before deploying') and error recovery steps.

Remove the role description paragraph and capabilities bullet list — these don't add actionable information beyond what the frontmatter description already provides.

DimensionReasoningScore

Conciseness

The skill includes some unnecessary framing ('You bring the third dimension to the web...') and the capabilities list is a bullet list of things Claude already knows. The anti-patterns section uses short fragments but could be tighter. However, the code examples themselves are reasonably lean.

2 / 3

Actionability

Code examples are provided and mostly executable (R3F, Spline, gltf-transform CLI), but several are wrapped in nested code fences inside python code blocks (a formatting error that breaks rendering). The decision tree and pipeline steps are helpful but some examples are incomplete (e.g., the mesh ref in scroll example lacks actual geometry). The anti-patterns are descriptive rather than actionable.

2 / 3

Workflow Clarity

The 3D Model Pipeline has a clear numbered sequence (model → reduce → bake → export → compress → test), but lacks explicit validation checkpoints or error recovery steps. The scroll-driven 3D section lists patterns without a clear workflow. No feedback loops for catching issues like oversized models or rendering failures.

2 / 3

Progressive Disclosure

The entire skill is a monolithic document with all content inline — comparison tables, multiple code examples, pipeline details, and anti-patterns all in one file. There are no references to external files for deeper topics like performance optimization, advanced R3F patterns, or detailed model pipeline guides. The 'Related Skills' section mentions other skills but doesn't link to supplementary reference material.

1 / 3

Total

7

/

12

Passed

Description

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

This description reads as aspirational marketing copy rather than a functional skill description. It uses second-person voice ('You bring...', 'You know...'), provides no concrete actions or technologies, lacks trigger terms, and has no 'Use when' clause. It would be nearly impossible for Claude to reliably select this skill from a list of available skills.

Suggestions

Replace the second-person aspirational language with third-person concrete actions, e.g., 'Creates interactive 3D scenes and visualizations using Three.js/WebGL, including model loading, camera controls, lighting, and animations.'

Add an explicit 'Use when...' clause with natural trigger terms, e.g., 'Use when the user asks about 3D graphics on the web, Three.js, WebGL, 3D models (.glb, .gltf), 3D scenes, or interactive 3D visualizations.'

Include specific file formats, libraries, and techniques to make the skill distinctive and reduce conflict risk with general web development or animation skills.

DimensionReasoningScore

Specificity

The description uses vague, abstract language like 'bring the third dimension to the web' and 'create moments of wonder' without listing any concrete actions such as creating 3D models, rendering scenes, implementing WebGL, or working with Three.js. No specific capabilities are enumerated.

1 / 3

Completeness

The description vaguely implies a 'what' (something about 3D on the web) but never explicitly states concrete capabilities. There is no 'Use when...' clause or any explicit trigger guidance for when Claude should select this skill.

1 / 3

Trigger Term Quality

The only relevant keyword is '3D', repeated in abstract phrases. Missing natural trigger terms users would say like 'Three.js', 'WebGL', '3D model', '3D animation', 'scene', 'mesh', 'renderer', '.glb', '.gltf', or 'three-dimensional visualization'.

1 / 3

Distinctiveness Conflict Risk

The description is so vague that it could overlap with any web development, animation, visualization, or design skill. '3D' alone is not distinctive enough, and the lack of specific technologies or file formats makes it hard to distinguish from other skills.

1 / 3

Total

4

/

12

Passed

Validation

90%

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

Validation10 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

Total

10

/

11

Passed

Repository
administrakt0r/AI-Agents-Safe-Coding-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.