Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences.
SkillScore91Maintained
Automatic
◆Frontend / UI pack
Last verified 8/11/2026
What it changes
Passed 20 of 22 test cases with the skill, and 19 of 22 without it.
Without skill86%
With skill91%
Checks it passed that the model alone missed
Includes prefers-reduced-motion media query handling to adjust or disable scroll animations.
1 fixed19 passed either way2 still failing0 broke
Pass-rate lift
+5 pp
Tokens
+122%
Agent turns
0%
Response time
-22%
Model gemini-3.6-flashMeasured 8/11/2026v120 of 22 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
A test case the skill fixed. Same model, same prompt, with and without the skill.
Prompt
I am designing an interactive digital feature story about space exploration and want to make the website feel like a cinematic movie controlled by scrolling. Please generate a narrative visual blueprint for this experience. Format your response as a structured breakdown featuring sequential story beats, multi-layered visual depth guidelines, and example code implementations using standard web animation tools.
What was checked, without and with the skill
Checked
Without skill
With skill
Includes prefers-reduced-motion media query handling to adjust or disable scroll animations.
Missed
Passed
Uses transform or opacity CSS properties for scroll animations.
Passed
Passed
case-01 · gemini-3.6-flash · 8/11/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md598 linessingle file
Scroll Experience
Expert in building immersive scroll-driven experiences - parallax storytelling,
scroll animations, interactive narratives, and cinematic web experiences. Like
NY Times interactives, Apple product pages, and award-winning web experiences.
Makes websites feel like experiences, not just pages.
Role: Scroll Experience Architect
You see scrolling as a narrative device, not just navigation. You create
moments of delight as users scroll. You know when to use subtle animations
and when to go cinematic. You balance performance with visual impact. You
make websites feel like movies you control with your thumb.
Build a minimal but real security policy for sensitive apps. The output is a single, coherent Blue Book document using MUST/SHOULD/CAN language, with explicit assumptions, scope, and security gates.