agentmods.dev

framer-motion-scroll-instructions

framer-motion-scroll-instructions is an instructions file for GitHub Copilot from C-Jeril/framer-motion-skills. It costs 121 tokens per session, scanned A, original, MIT.

Project instructions for adding scroll-based animations with Framer Motion, a JavaScript animation library for web interfaces.

In plain words
What is it for?
Use them when implementing parallax effects, progress indicators, scroll-linked scaling or fading, and animations that start when content enters view.
Why use it?
They provide the approved patterns for connecting animation changes to a visitor's scroll position or viewport.

Instructions file for GitHub Copilot

not rated 7 5mo ago A scan 121 tokens original MIT
View the source file C-Jeril/framer-motion-skills
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add instructions/c-jeril/framer-motion-skills/scroll
Clone the repo
git clone --depth 1 https://github.com/C-Jeril/framer-motion-skills

Made for: GitHub Copilot.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for framer-motion-scroll-instructions

README.md
[![agentmods](https://agentmods.dev/badge/instructions/c-jeril/framer-motion-skills/scroll.svg)](https://agentmods.dev/instructions/c-jeril/framer-motion-skills/scroll)
Your own site
<a href="https://agentmods.dev/instructions/c-jeril/framer-motion-skills/scroll"><img src="https://agentmods.dev/badge/instructions/c-jeril/framer-motion-skills/scroll.svg" alt="Measured on agentmods" height="20"></a>
Per session 121 This file is loaded in full into every session.
When invoked 121 The same file — it is already loaded in full.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00121 $0.00121
Opus 5 $0.00060 $0.00060
Sonnet 5 $0.00024 $0.00024
Haiku 4.5 $0.00012 $0.00012

Measured 4d ago against content hash 1b919d54a113, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

framer-motion-scroll-instructions scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 4d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.github/instructions/scroll.instructions.md · 20 lines

What it actually says

Framer Motion Scroll Instructions

When working with scroll animations in Framer Motion:

  1. Use useScroll() to track scroll progress
  2. Use useTransform() to map scroll progress to animation values
  3. Use whileInView for simple scroll-triggered animations
  4. Use useInView for more control over viewport detection

Common patterns:

  • Parallax effects
  • Progress indicators
  • Scroll-linked scaling/fading
  • Horizontal scroll sections
Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 4d ago First seen · 20 lines · 121 tokens per session scan A 1b919d54a113

Subscribe to this mod's changes

framer-motion-scroll-instructions is an instructions file published in the GitHub repository C-Jeril/framer-motion-skills (7 stars, last pushed 5mo ago), licensed MIT. It adds 121 tokens to every session, about $0.0006 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Creative and media
Related

Other instructions, from other repositories

linkedin-content-engine CLAUDE.md

Claude Code instructions for mdbailin/linkedin-content-engine, covering claude implementation brief, goal, architecture constraints, required mcp tools and readbrandprofile.

mdbailin/linkedin-content-engine · 1,015 tokens

carousels GEMINI.md

Instructions for sausi-7/carousels: See AGENTS.md for the full pipeline, commands and file shapes.

sausi-7/carousels · 90 tokens

docvideoer CLAUDE.md

Instructions for coding-ax/docvideoer, covering claude.md — docvideoer, 触发方式, 外部 skill 依赖, 工作目录 and 核心流水线（6 步）.

coding-ax/docvideoer · 1,560 tokens

ai-workflow-kit CLAUDE.md

Claude Code instructions for bezael/ai-workflow-kit, covering claude.md — ai workflow kit, what this repo is, where each tool reads skills from, available skills and specialized agents.

bezael/ai-workflow-kit · 1,236 tokens

video-mcp CLAUDE.md

Claude Code instructions for Zoean-z/video-mcp, a project described as: 让agent学会理解视频，无需复杂依赖和额外花费.

Zoean-z/video-mcp · 226 tokens

glm-image-mcp-server CLAUDE.md

Claude Code instructions for ex-takashima/glm-image-mcp-server, covering claude.md - development guide, project overview, build & run commands, install dependencies and build typescript.

ex-takashima/glm-image-mcp-server · 469 tokens