CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

3d-orbit-inspect-demo

Make a 3D object lean around on hover and open a full inspect view on click. Hover is a damped, bounded camera lean; click lifts the piece off its bench into the hand, where you drag to turn it, coast, dolly with wheel or pinch, and put it back with Esc, click-away or a Close button. Use for product, object, joinery and portfolio pieces in Three.js where a hover orbit and click-to-full-view must not fight each other; use webgl-3d-object for a floating hero mesh with no inspect mode, and 3d-virtual-tour for a camera path through a place.

66

Quality

83%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

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

An unusually dense, expert-level body: every rule pairs a specific constant with the failure it prevents, and the Verify section is a genuine checklist. The main defects are structural: the core instruction to copy functions from demo.html (and the Kibori source it is extracted from) cannot be followed because neither file ships with the skill, leaving the reader to reconstruct the module from the inline numbers.

Suggestions

Ship demo.html in the bundle (e.g., references/ or assets/) or replace the 'Reuse demo.html / Copy updateLean, openInspect...' instruction with self-contained inline code for those functions, since the file is not present.

Either include the Kibori source reference (kibori.html) in the bundle or restate the 'What is and is not in the source' section as a plain ported-vs-new list that does not depend on an unavailable file.

Add a short ordered implementation sequence (scene setup, layers and two-pass render, lean, lift, close, a11y) so a reader rebuilding from scratch has an execution order rather than only concept-ordered rules.

DimensionReasoningScore

Conciseness

Lean and dense throughout: every rule carries a constant and the failure it prevents ('Otherwise the camera keeps easing during a 100 ms click and the raycast at pointerup misses a piece that moved 6 px'), and the Numbers table packs exact values ('turn | 0.0085 / 0.0065 rad/px, damp 2.4/s, idle 0.26 rad/s after 2.2 s'). No section explains concepts Claude already knows; every token earns its place.

5 / 5

Actionability

The concrete inline guidance is excellent ('fit = min(0.92 bandH, 0.88 W) / (2 R ppu)', 'light.layers.enable(1)', 'shadowMap.autoUpdate = false', exact timings and easing curves), but the headline instruction — 'Reuse `demo.html`... Copy `updateLean`, `updateHand`, `openInspect`, `closeInspect`, the pointer block and `draw`' — points at a file that is not present in the bundle, so the primary reuse path cannot be executed. The missing source file is a key detail gap beyond the 'minor gaps' of the 4 anchor, while the inline constants keep it above the vague/high-level-hints level of 2.

3 / 5

Workflow Clarity

There is a clear porting sequence (reuse the demo module, copy the named functions, 'Swap the meshes for your own object; nothing else names the joint except FROM, RR and Q_BENCH') and an explicit '## Verify' validation checklist covering click-vs-drag, all close paths, focus behavior, reduced motion, and console cleanliness. Not a 5: the 14 rules are concept-ordered rather than an execution sequence, and there is no fix-and-retry feedback loop; not a 3: validation checkpoints are explicit and specific, not merely implied.

4 / 5

Progressive Disclosure

The single file is well-sectioned with clear headers (Rules, Numbers, Room, Reduced motion, Expensive gotchas, Verify), but the body cites 'demo.html' and 'kibori.html' and neither exists in references/, scripts/, or assets/ — the references are dangling, so a reader cannot navigate to the promised source. This sits between the 'references present but not clearly signaled / should be separate' anchor and the broken-structure anchor.

3 / 5

Total

15

/

20

Passed

Description

87%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 description: concrete two-mode mechanism description, explicit 'Use for...' trigger guidance, and active disambiguation from adjacent skills. The only deductions are the second-person 'you drag' phrasing (voice penalty on specificity) and a few missing natural synonyms like 'WebGL' or 'orbit'.

DimensionReasoningScore

Specificity

The description lists many concrete actions ('damped, bounded camera lean', 'lifts the piece off its bench into the hand', 'drag to turn it, coast, dolly with wheel or pinch, and put it back with Esc, click-away or a Close button'), which is comprehensive coverage on par with the 5 anchor; however, the second-person phrasing 'where you drag to turn it' triggers the rubric's explicit 1-point voice penalty on specificity.

4 / 5

Completeness

It explicitly answers both questions: the what ('hover is a damped, bounded camera lean; click lifts the piece... into the hand') and the when with concrete triggers ('Use for product, object, joinery and portfolio pieces in Three.js where a hover orbit and click-to-full-view must not fight each other'). This matches the 5 anchor's structure of concrete what plus explicit trigger phrases.

5 / 5

Trigger Term Quality

Good natural keyword coverage: '3D object', 'hover', 'inspect view', 'click', 'Three.js', 'product, object, joinery and portfolio pieces' are phrases a user would plausibly say. A few natural variations are missing (e.g., 'WebGL', 'orbit', 'rotate on hover', 'viewer/showcase'), so it falls just short of the comprehensive-with-synonyms anchor.

4 / 5

Distinctiveness Conflict Risk

It carves out a clear niche and actively disambiguates the two nearest neighbors: 'use webgl-3d-object for a floating hero mesh with no inspect mode, and 3d-virtual-tour for a camera path through a place.' Conflict risk with other skills is minimal.

5 / 5

Total

18

/

20

Passed

Validation

100%

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

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

MengTo/Skills

Path

agent-skills/3d/3d-orbit-inspect-demo/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.