Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Unicorn Studio — No-code WebGL Scenes (Embed/SDK) Skill — measured AI agent skill | DecimalAI

mengto/unicorn-studio

NewSkillScoreMaintained

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

by mengto

Links this skill to your agents and keeps it current with the author’s updates.

Automatic

Frontend / UI pack

decimalai skills pull mengto-unicorn-studio

Get this skill — curl · raw file

curl -fsSL https://app.decimal.ai/s/mengto-unicorn-studio/SKILL.md

Raw file: /s/mengto-unicorn-studio/SKILL.md ↗ · machine-readable summary at /s/mengto-unicorn-studio.json ↗

In productionGlobal

how this skill behaves on real traffic · last 30 days

No production data for this skill yet — usage numbers appear here once agents start running it.

Anonymized aggregate across every org using this skill — proof from real production use, not a demo.

Does this skill help? · Benchmark: with vs. withoutsign in to run this on your agents

22 test cases from the publisher’s eval.yaml · each run twice on gemini-3.6-flash — with the skill injected, then without · last run 2h ago

Yes — +36% lift-5% tokens0% turns91% of whole cases pass with skill (20/22)

Test case	Without → With	Effect	Δ tokens	Δ turns
case-02	✗→✓	▲ Improved	-24%	0%
case-05	✗→✓	▲ Improved	-25%	0%
case-06	✗→✓	▲ Improved	-11%	0%
case-10	✗→✓	▲ Improved	-14%	0%
case-15	✗→✓	▲ Improved	34%	0%

Showing 5 of 22 cases

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/3/2026

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

mengto / skills

agent-skills/web-design/unicorn-studio/SKILL.md

View on GitHub ↗

License MITImported 8/3/2026Version v1

Skill contents

SKILL.md

Unicorn Studio — No-code WebGL Scenes (Embed/SDK) Skill

When to use

Designers want custom WebGL visuals without hand-coding shaders/three.js
You need “designed” effects layered with text/images/video, with built-in interactivity
Site builders: Framer, Webflow, Wix, Figma Sites, etc.

What it is

A scene editor (layers + effects + events) that exports:
Embed via Unicorn Studio SDK (small JS library)
Or JSON/code export for faster/self-hosted loading (plan-dependent)

Key embed patterns

Load SDK (can be in <head> or footer depending on above-the-fold):
UMD from jsDelivr (versioned)
Call UnicornStudio.init() once DOM is ready
Add attributes to a container element:
data-us-project="PROJECT_ID"
Optional performance/behavior params:
data-us-scale (render scale)
data-us-dpi (resolution multiplier)
data-us-fps (cap FPS)
data-us-lazyload="true"
data-us-production="true"
Optional JSON source:
data-us-project-src="https://.../scene.json.txt"

Events (authoring-side)

Appear (entrance), Scroll (progress/velocity), Hover, Mousemove
Use events for “feels interactive” without writing JS.

Common pitfalls

Container has no defined dimensions → scene won’t display
Ensure the element with data-us-project has width/height.
Too many scenes on one page → WebGL context limits + memory
Prefer <10 scenes/page; WebGL context max ~16.
Performance on low-end devices
Use data-us-scale/data-us-dpi/data-us-fps; reduce dynamic layers/effects.
Site builder preview limitations
Many builders won’t render in edit mode; must preview/publish to see it.

Quick recipes

1) Basic embed container

html
<div style="width: 100%; height: 420px" data-us-project="YOUR_PROJECT_ID"></div>

2) Performance-first embed

html
<div
  style="width: 100%; height: 420px"
  data-us-project="YOUR_PROJECT_ID"
  data-us-lazyload="true"
  data-us-production="true"
  data-us-scale="0.75"
  data-us-dpi="1.25"
  data-us-fps="45"
></div>

What to ask the user

Target platform: Webflow / Framer / coded site?
Is the scene above-the-fold? (affects script placement and lazyload)
Mobile support requirement + acceptable quality/FPS
Number of scenes on the page and whether JSON export is available

Want to see if mengto/unicorn-studio would activate on your phrasing? Try it before you install — no LLM call, no signup.

Other measured skills in the registry, with their headline benchmark lift.