CtrlK
BlogDocsLog inGet started
Tessl Logo

marquee-loop

Apply seamless infinite marquee loops using duplicated items.

59

Quality

68%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

Fix and improve this skill with Tessl

tessl review fix ./agent-skills/web-design/marquee-loop/SKILL.md
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.

The body is an exemplary lean, well-organized instruction set with a clear sequence and sensible guardrails, appropriate for a simple single-purpose skill. Its main weakness is actionability: steps state what to do without the concrete CSS/property-level details that would make them executable without guesswork.

Suggestions

Add a minimal HTML/CSS snippet showing the duplicated track, @keyframes, and translateX(0 to -50%) animation so the core loop is copy-paste ready.

Make vague steps concrete: specify flex-shrink: 0 (or fixed widths) for 'Keep item widths stable', and mask-image or a gradient overlay for 'Mask or fade the edges'.

Add a verification step, e.g., 'Confirm the first and last items align exactly at -50% so the loop has no visible seam.'

DimensionReasoningScore

Conciseness

The ~15-line body is lean with zero padding: no explanations of concepts Claude already knows, no library comparisons, and every line instructs or constrains. It matches anchor 5 ('every token earns its place') and is clearly above anchor 4, which would require trimmable over-explanation.

5 / 5

Actionability

Steps like 'Animate the track with a linear transform from 0 to -50%' and 'Respect prefers-reduced-motion' are directionally concrete, but no property-level or code-level detail is given — no @keyframes snippet, no flex-shrink: 0 for stable widths, no mask-image/gradient for edge fading. This fits anchor 3 (some concrete guidance but incomplete, missing key details) rather than 4, since several steps leave the executable specifics unstated.

3 / 5

Workflow Clarity

The six workflow steps are clearly sequenced and each names its purpose (duplicate, animate, stabilize widths, mask edges, hover behavior, reduced-motion fallback). It is below anchor 5 because there is no explicit validation step (e.g., verify the seam at -50% is invisible), but above anchor 3 since the sequence and most checkpoints are present — the operation is non-destructive, so the validation cap does not apply.

4 / 5

Progressive Disclosure

The skill is under 50 lines, self-contained with no external references needed, and organized into clear sections (Use When, Workflow, Guardrails). Per the judging guidelines, skills under 50 lines with no need for external references can score 5 with just well-organized sections.

5 / 5

Total

17

/

20

Passed

Description

57%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 concise and names a distinct niche with a concrete primary action and technique, but it lacks an explicit 'Use when...' trigger clause and misses common synonyms like carousel or ticker. It reads as a capable one-liner that would benefit from a usage trigger and slightly broader action coverage.

Suggestions

Add a 'Use when...' clause naming concrete triggers, e.g., 'Use when a design needs a scrolling logo strip, testimonial ticker, or infinite carousel.'

Include common synonyms such as 'carousel', 'ticker', or 'scrolling banner' so natural user phrasings match the skill.

Mention one or two more concrete capabilities from the body (edge masking, hover pause, prefers-reduced-motion fallback) to broaden coverage.

DimensionReasoningScore

Specificity

The description names the domain and one concrete action with its core technique ('Apply seamless infinite marquee loops using duplicated items'), but coverage is not comprehensive — masking, hover pausing, and reduced-motion handling from the body are absent. It fits anchor 3 (1-2 concrete actions) rather than anchor 4, which expects several specific listed actions.

3 / 5

Completeness

The 'what' is clear (apply seamless infinite marquee loops), but there is no 'Use when...' clause or equivalent explicit trigger guidance in the description, which caps completeness at 3 per the judging guidelines. It is above anchor 2 because the 'what' is concrete, not vague.

3 / 5

Trigger Term Quality

Relevant keywords like 'marquee', 'seamless', 'infinite', and 'loop' are present, but common user synonyms and variations such as 'carousel', 'ticker', 'scrolling banner', or 'infinite scroll' are missing. This matches anchor 3 (some relevant keywords, missing common variations) rather than 4, since a few of the most natural phrasings users would say are absent.

3 / 5

Distinctiveness Conflict Risk

'Marquee loops' is a clear niche with distinct, specific trigger terms that few other skills would claim. Conflict risk with general animation or layout skills is minimal, matching anchor 5.

5 / 5

Total

14

/

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.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
MengTo/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.