animation-scroll-reveal SKILL.md skillB

animation-scroll-reveal from littlpinguin/marketing-cockpit-template is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add littlpinguin/marketing-cockpit-template/animation-scroll-reveal@git:20261103.a011dcf

Pins git:20261103.a011dcf in mdr.lock. Pin the fingerprint instead.

Audit grade
B, 16 of 17 checks passed
Kind
SKILL.md skill
Repository
littlpinguin/marketing-cockpit-template
Path
.claude/skills/animation-scroll-reveal/SKILL.md
Versions recorded
3
Latest version
git:20261103.a011dcf, committed Nov 3, 2026
First version recorded
Jul 3, 2026
Size
12,066 bytes
Repository stars
9
License
MIT

Simple scroll-triggered reveals with AOS (Animate On Scroll). Use when a marketing or landing page needs basic fade or slide effects on scroll without complex orchestration. Lighter alternative to GSAP ScrollTrigger and Locomotive Scroll.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Scroll Reveal Libraries

## Overview

This skill covers AOS (Animate On Scroll), a lightweight CSS-driven library for scroll-triggered animations. AOS excels at simple fade, slide, and zoom effects activated when elements enter the viewport.

**Key Features**:
- **Minimal Setup**: Single JavaScript file + CSS
- **Data Attribute API**: Configure animations in HTML
- **Performance**: CSS-driven, GPU-accelerated animations
- **50+ Built-in Animations**: Fades, slides, zooms, flips
- **Framework Agnostic**: Works with vanilla JS, React, Vue, etc.

**When to Use**:
- Marketing/landing pages with simple scroll effects
- Content-heavy sites (blogs, documentation)
- Quick prototypes requiring scroll animations
- Projects where GSAP/Framer Motion complexity isn't needed

**When NOT to Use**:
- Complex animation timelines or orchestration → Use GSAP ScrollTrigger
- Physics-based animations → Use React Spring or Framer Motion
- Precise scroll-synced animations → Use GSAP ScrollTrigger
- Heavy interactive animations → Use Framer Motion

## Fichiers de référence
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add littlpinguin/marketing-cockpit-template/animation-scroll-reveal@sha256:34fd419a8904123d

The line at the top of this page pins the label git:20261103.a011dcf, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_mlsrxkwjtzbqqezl.svg)](https://markdownregistry.com/a/art_mlsrxkwjtzbqqezl)

0 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 3 versions of this file, between Jul 3, 2026 and Nov 3, 2026, about one every 62 days.

versioncommittedcommitsizeaudit
git:20261103.a011dcf latest2026-11-03 a011dcf 12,066 BB view · diff
git:20261103.9f626802026-11-03 9f62680 12,172 BB view · diff
git:20260703.f58d0702026-07-03 f58d070 17,579 BB view

Audit of the latest version

B  16 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • fail: No script tag (matched: <script)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (12066 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address

Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.

Source

GitHub

littlpinguin/marketing-cockpit-template · 9 stars · license MIT · pushed 2026-11-04 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_mlsrxkwjtzbqqezl
GET https://markdownregistry.com/api/v1/resolve?ref=littlpinguin/marketing-cockpit-template/animation-scroll-reveal
GET https://markdownregistry.com/api/v1/blob/34fd419a8904123dd7e4b643e8bc60be325af975ba75e897ba4b94babb0e3fee

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from littlpinguin/marketing-cockpit-template

accessibility-web SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/accessibility-web/SKILL.md · Référentiel accessibilité web WCAG 2.2 AA pour {{COMPANY_NAME}} : ARIA, clavier et focus, modales, formulaires…
git:20261103.9f62680 · audit A · 9 stars
ads-audit SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/ads-audit/SKILL.md · Audit multi-plateformes du paid media de {{COMPANY_NAME}} (Google, Meta, LinkedIn Ads, plus TikTok, Microsoft, Amazon)…
git:20261103.9f62680 · audit A · 9 stars
animation-animejs SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/animation-animejs/SKILL.md · Anime.js animation engine for DOM, CSS, SVG and JS objects. Use when building timeline animations, stagger effects, SVG…
git:20261103.a011dcf · audit A · 9 stars
animation-gsap SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/animation-gsap/SKILL.md · GSAP (GreenSock) and ScrollTrigger for web animation. Use when creating tweens, timelines, scroll-driven or…
git:20261103.a011dcf · audit A · 9 stars
animation-lottie SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/animation-lottie/SKILL.md · Lottie rendering of After Effects animations for web and React. Use when implementing Lottie, lottie-web, lottie-react…
git:20261103.a011dcf · audit A · 9 stars
backport-to-template SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/backport-to-template/SKILL.md · Remonte une mécanique éprouvée chez un client (skill, script, workflow) vers le template public…
git:20261103.9f62680 · audit A · 9 stars
blog-engine SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/blog-engine/SKILL.md · Production d'un article de blog publiable pour {{COMPANY_NAME}} : recherche, plan, rédaction, fact-checking, scoring…
git:20261103.a011dcf · audit A · 9 stars
brand-check SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/brand-check/SKILL.md · Valide un draft marketing contre les standards de marque : filtre 5 points (vocabulaire, ton, preuve, audience…
git:20261103.a011dcf · audit A · 9 stars
brandkit SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/brandkit/SKILL.md · Planches d'identité de marque (brand board, logo system, identity deck) via image-generation, pour {{COMPANY_NAME}} ou…
git:20261103.9f62680 · audit A · 9 stars
captions SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/captions/SKILL.md · Sous-titrage vidéo pour {{COMPANY_NAME}} : transcription (whisper, HyperFrames), .srt, sous-titres incrustés à la…
git:20261103.9f62680 · audit A · 9 stars
carousel SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/carousel/SKILL.md · Carrousel LinkedIn de {{COMPANY_NAME}} en PDF multipage 1080×1350, brand-strict, export Playwright. À utiliser pour «…
git:20261103.9f62680 · audit A · 9 stars
cockpit-setup SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/cockpit-setup/SKILL.md · Logique partagée du wizard : vérifications préalables, registre d'outils, lint des placeholders, sécurité, gate de…
git:20261103.a011dcf · audit A · 9 stars

Every file in littlpinguin/marketing-cockpit-template

Browse by kind, by grade B, or by owner.