CtrlK
BlogDocsLog inGet started
Tessl Logo

unicorn-studio

Use when embedding and customizing Unicorn Studio interactive animations on the web (embed, responsive sizing, performance, layering with UI, fallbacks).

68

Quality

81%

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

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

A lean, well-structured skill with genuinely useful pitfalls (WebGL context limits, builder preview limitations) and executable container markup. The main gaps are the un-sequenced embed workflow with no verification step, and the missing concrete SDK script tag that keeps the most important step from being copy-paste ready.

Suggestions

Provide the actual SDK script tag (e.g., the versioned jsDelivr UMD URL in a <script src="..."> snippet) and a minimal UnicornStudio.init() code block so the loading step is executable rather than descriptive.

Reorder 'Key embed patterns' into a numbered embed sequence (1. add script, 2. add container with dimensions, 3. init, 4. verify) and add a verification checkpoint such as confirming the scene renders in preview/publish mode and checking the console for WebGL context errors.

Move the attribute reference and events list into a references/ file (e.g., ATTRIBUTES.md) to keep SKILL.md as a tight overview and improve progressive disclosure.

DimensionReasoningScore

Conciseness

Terse bullet lists throughout; only product-specific facts Claude wouldn't know (attributes, event types, WebGL context limits) are included, with no padding or explanation of known concepts. Every section earns its tokens.

5 / 5

Actionability

Concrete attribute names ("data-us-project", "data-us-scale", "data-us-fps") and two complete HTML snippets make the container step copy-paste ready, but the critical SDK-loading step says only "UMD from jsDelivr (versioned)" without the actual script tag/URL, and "Call UnicornStudio.init() once DOM is ready" lacks the code. Not 3 because the provided recipes are fully executable.

4 / 5

Workflow Clarity

The embed workflow (load SDK → init → add container attributes) exists but is scattered across the "Key embed patterns" bullets rather than sequenced, and there is no verification checkpoint (e.g., confirm the scene renders, check console for WebGL context errors). Not 4 because sequence and checkpoints are implicit; not 2 because the steps are all present and coherent.

3 / 5

Progressive Disclosure

Well-organized sections (When to use, embed patterns, events, pitfalls, recipes) with no nested references and no bundle files. Not 5 because the body is slightly over 50 lines with inlined reference material (full attribute list, events) that could live in a separate reference file.

4 / 5

Total

16

/

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: explicit 'Use when' trigger, named product niche, and an enumerated scope list that keeps it concrete. Only minor improvements possible — adding natural synonyms like 'WebGL' or builder names would push trigger coverage to fully comprehensive.

DimensionReasoningScore

Specificity

"embedding and customizing Unicorn Studio interactive animations" names two concrete actions, and the parenthetical "(embed, responsive sizing, performance, layering with UI, fallbacks)" enumerates several specific capability areas. Not 5 because no authoring/export-side actions are named; not 3 because coverage exceeds 1-2 actions.

4 / 5

Completeness

Explicitly answers both: what ("embedding and customizing Unicorn Studio interactive animations") and when ("Use when ... on the web") with concrete trigger phrases in the parenthetical list. Matches the anchor-5 pattern of an explicit what plus an explicit 'Use when' clause.

5 / 5

Trigger Term Quality

Natural phrases a user would say are present: "embed", "interactive animations", "web", and the product name "Unicorn Studio". Not 5 because common synonyms users might say — "WebGL", "Framer", "Webflow", "3D effects" — are missing.

4 / 5

Distinctiveness Conflict Risk

"Unicorn Studio" is a named niche product with distinct triggers (embed/sizing/performance for that tool specifically), so risk of triggering the wrong skill 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
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.