CtrlK
BlogDocsLog inGet started
Tessl Logo

scroll-experience

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.

44

Quality

46%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./plugins/AI-Agents-Safe-Coding-Skills-claude/skills/scroll-experience/SKILL.md

The canonical home for this skill is scroll-experience in administrakt0r/AI-Agents-Safe-Coding-Skills

SKILL.md
Quality
Evals
Security

Quality

Content

57%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The content is a solid, code-rich reference of scroll-animation patterns with good coverage of libraries and techniques, but it is undermined by broken code fencing, missing solution sections promised by the Sharp Edges table, and a vague When-to-Use closer. Tightening structure and fixing the dangling references would meaningfully improve it.

Suggestions

Fix the nested code fencing so library tables and sub-headers (e.g. "## Scroll Animation Stack") are not swallowed by outer ```python blocks.

Add the missing Sharp Edges solution sections (Fixing Scroll Jank, Mobile-Safe Parallax, Accessible Scroll Experiences, Content-First Scroll Design) or remove the rows that promise them.

Replace the generic "When to Use" filler with concrete trigger guidance and a short selection workflow for picking a library by use case.

DimensionReasoningScore

Conciseness

The body is mostly efficient with code doing the talking, but it repeats the frontmatter role text verbatim, wraps tables and headers in broken outer ```python fences, and ends with a generic filler "When to Use" line that could be trimmed.

3 / 5

Actionability

It provides concrete, mostly copy-pasteable code for GSAP ScrollTrigger, Framer Motion, CSS scroll-timeline, parallax, sticky pinning, and horizontal scroll covering the common cases, with only minor fencing gaps keeping it below a 5.

4 / 5

Workflow Clarity

A sequence exists via the story-beats section (Hook -> Context -> Journey -> Climax -> Resolution) and a library selection table, but there are no validation checkpoints and the closing "When to Use" section is filler rather than guidance.

3 / 5

Progressive Disclosure

The single file is organized into clear sections but is ~260 lines with no bundle files split out, and the Sharp Edges table references solution sections ("## Fixing Scroll Jank", "## Mobile-Safe Parallax", etc.) that do not exist in the document.

3 / 5

Total

13

/

20

Passed

Description

35%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is evocative and on-brand but lacks concrete actions, natural trigger phrases, and any explicit use-when guidance, while its second-person voice further hurts specificity. It reads as marketing copy rather than a functional skill description.

Suggestions

Rewrite in third person with concrete actions, e.g. "Builds scroll-driven animations, parallax sections, sticky pinned scenes, and scroll-snapped narratives."

Add an explicit trigger clause: "Use when the user wants scroll animations, parallax effects, scroll-triggered reveals, or cinematic scrolling experiences."

Include natural synonyms users say (parallax, scroll effects, scroll-triggered, scroll snap) to improve trigger-term coverage.

DimensionReasoningScore

Specificity

The description is written in second person ("You see...", "You create..."), triggering a -1 penalty; the base language names the scroll-animation domain but every action is abstract and poetic ("create moments of delight", "make websites feel like movies") with no concrete verbs, giving a base of 2 reduced to 1.

1 / 5

Completeness

It offers only a vague poetic "what" and contains no "Use when..." clause or equivalent trigger guidance, matching the anchor for a vague what with no when.

2 / 5

Trigger Term Quality

It includes relevant natural terms ("scrolling", "animations", "cinematic") but misses common variations a user would actually say such as "parallax", "scroll effects", or "scroll-triggered".

3 / 5

Distinctiveness Conflict Risk

The scroll-experience niche is a fairly distinct trigger surface with only minor overlap risk against closely related skills like frontend or landing-page-design.

4 / 5

Total

10

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository
administrakt0r/AI-Agents-Safe-Coding-Skills
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.