Ready to supercharge your AI agents?

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

tilt-3d — measured AI agent skill | DecimalAI

nexu-io/tilt-3d

NewSkillScoreMaintained

Add tactile depth to a hero card or cover image: it tilts in 3D toward the pointer with a soft glare. Keep the max angle small (~10°) and reserve it for one or a few hero cards, not a grid. Flat under prefers-reduced-motion and on touch.

Frontendby nexu-io

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

Automatic

Frontend / UI pack

1 · One-time — install the CLI (docs ↗)

pip install decimalai

2 · Get the skill — writes .claude/skills/nexu-io-tilt-3d/SKILL.md

decimalai skills pull nexu-io-tilt-3d --out .claude/skills/

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/nexu-io-tilt-3d/SKILL.md https://app.decimal.ai/s/nexu-io-tilt-3d/SKILL.md

Raw file: /s/nexu-io-tilt-3d/SKILL.md ↗ · machine-readable summary at /s/nexu-io-tilt-3d.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 4h ago

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

Test case	Without → With	Effect	Δ tokens	Δ turns
case-01	✗→✓	▲ Improved	-31%	0%
case-05	✗→✓	▲ Improved	-50%	0%
case-07	✗→✓	▲ Improved	-41%	0%
case-09	✗→✓	▲ Improved	-57%	0%
case-10	✗→✓	▲ Improved	-24%	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

nexu-io / motion-anything

recipes/web/tilt-3d/SKILL.md

View on GitHub ↗

License Apache-2.0Imported 8/3/2026Version v1

Skill contents

SKILL.md

tilt-3d

A card that tilts in 3D toward the pointer. Part of motion-anything; obeys MOTION-SPEC.md. Technique popularized by vanilla-tilt.js, reimplemented dependency-free.

When to use it

A hero product card, cover image, or a few portfolio thumbnails where depth adds delight.

When NOT to use it (restraint)

Dense grids — many tilting cards feel chaotic and can induce motion sickness. A few hero cards.
Text-heavy cards (tilt hurts readability); touch-only contexts (it stays flat automatically).

How to apply

Copy tilt-3d.css and tilt-3d.js into the project, and link them.
Mark the card:

html <div class="tilt" data-tilt-max="10"> … </div>

Auto-attaches to .tilt. Keep data-tilt-max small (8–10). Resets flat on pointerleave.

Accessibility & performance

Flat under prefers-reduced-motion and on (hover: none) touch devices.
transform: rotateX/rotateY + a masked glare only — GPU-safe.

Framework notes

React: call attachTilt(ref.current) in useEffect, guarded by the same checks.

Want to see if nexu-io/tilt-3d 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.