Borrowing it
Nothing to install: this file belongs to chama-x/GroundRules. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/chama-x/GroundRules/master/.agents/skills/awwwards-animations/SKILL.mdgit clone --depth 1 https://github.com/chama-x/GroundRulesWrote 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.
[](https://agentmods.dev/skills/chama-x/groundrules/awwwards-animations)<a href="https://agentmods.dev/skills/chama-x/groundrules/awwwards-animations"><img src="https://agentmods.dev/badge/skills/chama-x/groundrules/awwwards-animations.svg" alt="Measured on agentmods" height="20"></a>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.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00027 | $0.00351 |
| Opus 5 | $0.00014 | $0.00176 |
| Sonnet 5 | $0.00005 | $0.00070 |
| Haiku 4.5 | $0.00003 | $0.00035 |
Grade A, and why
awwwards-animations 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 8d 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.
What it actually says
Premium Motion Configuration
This is a configuration profile, not a textbook. You already know how to write animations. When the user requests Awwwards-level quality, enforce these specific constraints:
Easing & Timing
- Never use defaults:
linear,ease-in,ease-outare forbidden. - Custom curves: Default to
power3.out,power4.out, or custom cubic-bezier curves(0.76, 0, 0.24, 1)for premium tension. - Duration: Entrances should be snappier (0.6s - 1.2s). Exits should be faster (0.3s - 0.5s).
Scroll & Parallax
- Smooth Scroll: If full-page scroll effects are requested, mandate a virtual scroll hijacking library like Lenis. Native scroll is not sufficient for premium parallax.
- Parallax depth: Use subtle transform-y offsets (e.g.,
-10%to10%). Avoid extreme parallax that induces motion sickness.
Interactions
- Latency: Micro-interactions (hover, click) must trigger visual feedback within 100ms.
- Magnetic effects: If implementing magnetic buttons, calculate distance from center using
getBoundingClientRect()and apply spring physics, not linear lerping.
Transitions
- Overlap: Page transitions must overlap. The outgoing page should start animating out before the incoming page finishes animating in.
What ships with it
14 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- README.md 4.5 KB
- references/advanced-patterns.md 14 KB
- references/algorithmic-art.md 26 KB
- references/animejs-react.md 14 KB
- references/audio-reactive.md 18 KB
- references/design-philosophy.md 8.3 KB
- references/geometric-puzzles.md 24 KB
- references/geometric-shapes.md 22 KB
- references/gsap-react.md 13 KB
- references/lenis-react.md 11 KB
- references/motion-patterns.md 11 KB
- references/performance.md 10 KB
- references/physics-2d.md 21 KB
- references/text-effects.md 18 KB
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.
- 8d ago First seen · 25 lines · 27 tokens per session scan A c586ba101001
awwwards-animations is a skill published in the GitHub repository chama-x/GroundRules (5 stars, last pushed 24d ago), licensed MIT. It adds 27 tokens to every session and 351 once invoked, about $0.0001 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-31.
Other skills, from other repositories
maintaining-dev-playground
Keeps the Dev Playground current with the application. Use when editing UI components in apps/client/src/ — assesses playground candidacy, checks existing playground coverage, and guides adding or updating showcases. Also use when directly editing files in apps/client/src/dev/, building new widgets or features, or…
design-system
Use when a ticket needs a systematic token + component foundation for a frontend — the three-layer token architecture (primitive → semantic → component), component specs with full state coverage, or a recommendation for which design system a product should have. Invoke for "set up design tokens", "define the component…
frontend-foundations
Use on any frontend delivery to hold the surface-specific quality floor that engineering-craft doesn't cover — intentional visual hierarchy over template defaults, accessible-by-default markup, design tokens instead of hardcoded values, reusable components matching the repo, and compositor-friendly motion. Invoke…
gsap-animation-suite
CIEL's unified framework for high-performance GSAP animations, timelines, and plugins.
design-system
Use when defining or extending design tokens and the shared component library — by product-designer when writing docs/13-design-tokens.md and docs/14-components.md, and by any IC about to add a component. Triggers the moment a value would be hardcoded instead of named, or a one-off component would be created instead…
interaction-motion
Use when specifying or reviewing motion and interaction feel — transitions, gestures, feedback timing, loading and progress. Invoked by product-designer while composing screens and by any IC implementing an animated surface. Triggers whenever something moves, and whenever something takes long enough that the user must…