Saucebox Registry
← Browse

@nexu-io/anim-fadeintopright

A

Fade In Top Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

skillclaude

Install

agr install @nexu-io/anim-fadeintopright --target claude

Writes 4 files into .claude/skills/, pinned to git-4ec46a2c.

  • .claude/skills/anim-fadeintopright/SKILL.md
  • .claude/skills/anim-fadeintopright/fadeInTopRight.css
  • .claude/skills/anim-fadeintopright/preview.html
  • .claude/skills/anim-fadeintopright/recipe.motion.yaml

Document

name: anim-fadeintopright description: | Fade In Top Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css. triggers:

  • "fadeintopright"
  • "css animation"
  • "入场动效" od: mode: prototype surface: web platform: desktop category: animation-motion upstream: "https://github.com/animate-css/animate.css" preview: type: html design_system: requires: false example_prompt: | Apply fadeInTopRight (Animate.css) to the element as a entrance animation, restrained, with a prefers-reduced-motion fallback. Attribute Animate.css.

Animate · Fade In Top Right

Fade In Top Right — CSS keyframe animation from Animate.css (Hippocratic License 2.1, © Daniel Eden). Part of motion-anything.

When to use it

  • A quick, drop-in CSS entrance animation (no JS).

When NOT to use it (restraint)

  • Many at once / must-read content. Keep it restrained.

How to apply

  1. Copy fadeInTopRight.css. 2. Add class fadeInTopRight to the element + set animation-duration.

Accessibility & license

  • prefers-reduced-motion: disabled. Attribute Animate.css (Hippocratic-2.1).

Trustgrade A

  • passBody integrity

    Whether the stored document is plausibly the kind of file the artifact declares, rather than something fetched by mistake.

  • passType matchnot applicable to this artifact type

    Whether the artifact is really the kind of thing its metadata claims it is.

  • passFreshness

    How long since the source repository was last pushed to.

  • passPrompt injection

    Scans the artifact's own text for instructions aimed at your agent rather than at you.

  • passLicense

    Whether the source repository declares an SPDX license permissive enough to redistribute.

How the grade is calculated

Each check contributes 0 points when it passes, 1 when it warns, and 2 when it fails. The total maps to a letter:

  • Aevery check passed
  • Bone warning
  • Ctwo warnings
  • Dprompt injection or body integrity failed, or three warnings
  • Fone of those failed, and something else is wrong

These are automated hygiene checks, not a security audit, and not a dependency or vulnerability scan. A grade of A means nothing was flagged — not that the artifact is safe.

Versions

  • git-4ec46a2cf8342026-07-31