CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

web3d-scene-runtime

Monta e renderiza cenas 3D interativas na web. Trigger em: "three.js", "WebGPU", "WebGPURenderer", "WebGL", "cena 3D no browser", "landing page com 3D", "produto 3D interativo no site", "configurador 3D", "visualizador 3D", "carregar GLB na pagina", "GLTFLoader", "camera navegavel", "OrbitControls", "raycasting", "scene description", "montar cena proceduralmente", "3D interativo em vez de video", "react-three-fiber", "R3F", "modelo 3D no site", "girar o produto na tela".

Quality

88%

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

85%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 an expert-level overview with a clear five-step protocol, an explicit measure-and-retry budget checkpoint, and a completion evidence checklist. Detail is properly pushed to three one-level-deep reference files and code guidelines are delegated rather than duplicated; the main gaps are time-sensitive version facts embedded in the protocol text and the absence of an inline scene.json example.

Suggestions

Isolate time-sensitive facts (WebGPU 'Baseline em janeiro de 2026', 'three.js 0.185.1', 'Safari 26+', 'estabilizar ao fim de 2026') into a clearly-labeled versions/status section so the core protocol steps do not age with browser releases.

Inline a minimal 5-10 line scene.json example (e.g. camera framing, one light, one object) so step 1 'Fechar o scene description antes de escrever runtime' shows the concrete artifact shape without requiring a round-trip to references/scene-schema.md.

Tighten the 'Fronteira com a skill 64' subsection: the input rule ('se o visitante so rola a pagina, e a 64; se controla a camera, e esta skill') already carries the decision — the surrounding justification can be trimmed.

DimensionReasoningScore

Conciseness

The body is dense and skill-specific throughout — e.g. "ShaderMaterial, RawShaderMaterial e patch via onBeforeCompile nao atravessam pro backend WebGPU" — with no basic-concept padding (it never explains what three.js or WebGPU is). Not 5 because time-sensitive facts ("Baseline em janeiro de 2026", "three.js 0.185.1", "Safari 26+", "estabilizar ao fim de 2026") are woven into the core protocol text instead of being isolated in a versions/deprecated section, which the guidelines explicitly penalize.

4 / 5

Actionability

Mostly executable: the `python skills/02-ui-ux-design/scripts/design_search.py "GLTF loader camera orbit" --stack threejs` command is copy-paste ready, and precise API facts like "await renderer.init() explicito so e necessario quando algo roda antes do primeiro frame" and "a flag recursiva em intersectObjects" give concrete direction. Not 5: the body itself contains no minimal scene.json example or runtime skeleton — those artifacts are delegated to references, leaving minor gaps in the page itself.

4 / 5

Workflow Clarity

The 5-step Protocol is clearly sequenced with an explicit validate-fix-retry loop: "Checkpoint obrigatorio: medir na pagina composta... Se estourar o budget, cortar escopo da cena... e medir de novo. Repetir ate o budget fechar na mesma medicao", backed by the 'Evidencia de Conclusao' checklist. This matches the top anchor 'Clear sequence with explicit validation steps; feedback loops for error recovery; checklists'.

5 / 5

Progressive Disclosure

The body is a true overview with a subject-to-file table pointing to `references/scene-schema.md`, `references/renderer-and-performance.md`, and `references/generating-3d-assets.md` — all three exist and are one level deep (no nested .md references inside them). Code guidelines are deliberately delegated to the skill-02 CSV instead of duplicated, and dense content is split appropriately, matching the top anchor.

5 / 5

Total

18

/

20

Passed

Description

90%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 states what the skill does and backs an explicit 'Trigger em' clause with a rich, natural trigger list covering library names, synonyms, and product-level phrasing. Its only weakness is that the capability statement itself covers just two actions, leaving the full deliverable scope (scene.json contract, runtime, fallback) implicit.

DimensionReasoningScore

Specificity

"Monta e renderiza cenas 3D interativas na web" names the domain and exactly two actions (mount, render), matching 'Names domain and 1-2 concrete actions, but not comprehensive'. It is not 4 because the rest of the description is trigger phrases, not additional capability statements — the scene.json contract, runtime code, and fallback work are never stated as actions.

3 / 5

Completeness

It explicitly answers both what ("Monta e renderiza cenas 3D interativas na web") and when ("Trigger em: ...") with a long list of concrete trigger phrases — the top-anchor pattern. Not 4, because the 'when' is as explicit and specific as the anchor-5 example, not 'could be more explicit'.

5 / 5

Trigger Term Quality

The trigger list is comprehensive with synonyms and both technical and product-register phrasing: "three.js", "WebGPU", "WebGPURenderer", "GLTFLoader", "OrbitControls", "react-three-fiber", "R3F", "carregar GLB na pagina", "configurador 3D", "girar o produto na tela", "3D interativo em vez de video". Matches the top anchor 'Comprehensive coverage of natural terms including synonyms'.

5 / 5

Distinctiveness Conflict Risk

Clear niche — interactive 3D scene runtime in the browser — with distinct triggers (WebGPU, GLTFLoader, OrbitControls, configurador 3D) that would not fire for adjacent skills like motion design, scrollytelling, or game engines. Minimal conflict risk; matches 'Clear niche with distinct triggers'.

5 / 5

Total

18

/

20

Passed

Validation

87%

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

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

allowed_tools_field

'allowed-tools' contains unusual tool name(s)

Warning

referenced_paths_exist

Referenced path issues: 1 missing

Warning

Total

14

/

16

Passed

Repository

felvieira/claude-skills-fv

Path

skills/74-web3d-scene-runtime/SKILL.md

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.