CtrlK
BlogDocsLog inGet started
Tessl Logo

scrollytelling-and-parallax-data-visualization

Design and implement parallax scrolling and scrollytelling data visualizations. Use when the user asks for parallax scrolling, scrollytelling, scroll-driven timelines, sticky graphics, Scrollama, ScrollTrigger, ScrollTimeline, view timelines, rich-media timelines, moviescrollers, scroll-scrubbed charts, staged narrative reveals, or interactive visual stories where scrolling changes a data visualization or media scene.

69

Quality

84%

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

SKILL.md
Quality
Evals
Security

Quality

Content

78%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.

A well-organized, information-dense skill body with strong progressive disclosure and a clear sequenced workflow. The main gaps are minor verbosity in dense enumerations and the absence of explicit validate-retry feedback loops and executable code.

Suggestions

Add an explicit validate-then-fix-then-retry feedback loop in the Working Pattern (e.g., after building a scene, validate scroll/render behavior and re-iterate until checks pass) to push workflow clarity to the top anchor.

Tighten Working Pattern step 5 by splitting the long scene-contract field enumeration into a short inline summary plus a pointer to references/story-patterns-and-scene-contracts.md.

Include one small executable snippet (e.g., a minimal IntersectionObserver or Scrollama step-trigger setup) so the implementation-stack guidance is copy-paste ready rather than only named.

DimensionReasoningScore

Conciseness

The body is mostly efficient and information-dense, but Working Pattern step 5 is a long run-on enumeration and Output Expectations partly restates Working Pattern content, so minor trimming is possible.

4 / 5

Actionability

It gives concrete, specific guidance (named techniques, libraries, an 11-step process) but no executable code or commands; for an instruction-only design skill this is actionable with minor gaps.

4 / 5

Workflow Clarity

The 11-step Working Pattern is clearly sequenced with a final test step (11) and a quality gate (7), but it lacks an explicit validate-then-fix-then-retry feedback loop, leaving minor validation gaps.

4 / 5

Progressive Disclosure

It is well structured into Overview, When To Use, Working Pattern, Routing, Output Expectations, and References, with clearly signaled one-level-deep references to real local files (verified) and a dedicated Routing section for sibling skills.

5 / 5

Total

17

/

20

Passed

Description

90%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.

A strong, well-targeted description that clearly states capability and gives an extensive, natural trigger list. Its only weakness is modest action specificity (design/implement) compared to its excellent trigger and completeness coverage.

DimensionReasoningScore

Specificity

The description names the domain and two concrete actions ("Design and implement parallax scrolling and scrollytelling data visualizations"), matching the anchor for 1-2 concrete actions without being comprehensive enough for several actions.

3 / 5

Completeness

It explicitly answers both what ("Design and implement parallax scrolling and scrollytelling data visualizations") and when ("Use when the user asks for...") with concrete trigger phrases, matching the top anchor.

5 / 5

Trigger Term Quality

It gives comprehensive natural-term coverage including synonyms and specific library/API names (parallax scrolling, scrollytelling, Scrollama, ScrollTrigger, ScrollTimeline, view timelines, moviescrollers, scroll-scrubbed charts), matching the comprehensive-coverage anchor.

5 / 5

Distinctiveness Conflict Risk

It carves a clear niche (scroll-driven data visualization) with distinct, specific library and API triggers, giving minimal conflict risk with other skills.

5 / 5

Total

18

/

20

Passed

Validation

100%

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

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
openai/plugins
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.