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.
85
Does it follow best practices?
If you maintain this skill, you can automatically optimize it using the tessl CLI to improve its score:
npx tessl skill review --optimize ./path/to/skillValidation for skill structure
Discovery
100%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 is a strong skill description that effectively communicates both capabilities and trigger conditions. It uses third person voice appropriately, lists specific technologies and use cases, and includes an explicit 'Use when:' clause with natural trigger terms. The description is concise yet comprehensive, making it easy for Claude to select this skill when appropriate.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Lists multiple specific concrete actions and domains: 'building 3D experiences', 'product configurators', '3D portfolios', 'immersive websites', and names specific technologies (Three.js, React Three Fiber, Spline, WebGL). | 3 / 3 |
Completeness | Clearly answers both what (building 3D experiences, product configurators, portfolios, immersive websites) AND when with explicit 'Use when:' clause listing specific trigger terms. | 3 / 3 |
Trigger Term Quality | Excellent coverage of natural terms users would say: '3D website', 'three.js', 'WebGL', 'react three fiber', '3D experience'. These are exactly what developers would search for when needing this skill. | 3 / 3 |
Distinctiveness Conflict Risk | Very clear niche focused on 3D web development with distinct triggers like 'three.js', 'WebGL', 'react three fiber'. Unlikely to conflict with general web development or other skills. | 3 / 3 |
Total | 12 / 12 Passed |
Implementation
64%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
This skill provides solid, actionable code examples for 3D web development with good coverage of common tools and patterns. The main weaknesses are unnecessary introductory prose, missing validation steps in workflows (especially for the model optimization pipeline), and all content being inline rather than using progressive disclosure to reference files.
Suggestions
Remove the role description paragraph and capabilities list - they add tokens without actionable value
Add validation checkpoints to the 3D Model Pipeline (e.g., 'Verify GLB loads correctly in https://gltf-viewer.donmccurdy.com before deploying')
Move detailed comparison tables and format references to a separate REFERENCE.md file, keeping only the decision tree inline
Fix the code fence language markers - patterns use 'python' but contain JSX/JavaScript code
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The skill has some unnecessary framing text ('You bring the third dimension to the web...') and the capabilities list is redundant with the patterns shown. However, the code examples themselves are reasonably lean. | 2 / 3 |
Actionability | Provides fully executable code examples for Spline, React Three Fiber, GLTF compression commands, and scroll-driven 3D. Code is copy-paste ready with proper imports and complete component structures. | 3 / 3 |
Workflow Clarity | The 3D Model Pipeline has a clear 6-step optimization sequence, but lacks validation checkpoints. No verification steps after compression or testing guidance beyond 'test file size'. The decision tree for stack selection is helpful but other workflows are implicit. | 2 / 3 |
Progressive Disclosure | Content is organized into clear sections with patterns and anti-patterns, but everything is inline in one file. The 'Related Skills' section hints at connections but doesn't link to actual reference files. Some sections (like the full comparison tables) could be split out. | 2 / 3 |
Total | 9 / 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.
Validation — 10 / 11 Passed
Validation for skill structure
| Criteria | Description | Result |
|---|---|---|
frontmatter_unknown_keys | Unknown frontmatter key(s) found; consider removing or moving to metadata | Warning |
Total | 10 / 11 Passed | |
- 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.