Marquee Loop
Build seamless, infinitely scrolling logo or text marquees for web designs
- Repository
- MengTo/Skills
- Stars
- 7,187
- Licence
- MIT
- Files
- 4 files
What it does
This skill teaches the agent a specific web design technique: making a row of logos, testimonials, or feature chips scroll in a continuous loop with no visible jump. The agent duplicates the items so the end matches the beginning, animates the track smoothly, keeps item widths stable, fades the edges, and respects reduced-motion settings for users who prefer less movement. It is guidance for writing front-end code, not a tool that changes anything on its own.
Great for
- Front-end developers adding a scrolling logo bar or testimonial strip to a landing page
- Designers who want the agent to produce a clean, accessible marquee animation with sensible guardrails
Skip it if
- Presenting dense or unique content that people must read carefully, since the skill itself warns against animating such content
- Heavy visual pages where many moving items with large shadows or filters could slow down the browser
Try asking
- “Create a seamless infinite logo carousel for our client logos section”
- “Build a testimonial marquee that pauses on hover and fades at the edges”
- “Add a scrolling feature-chip row to the hero that respects reduced motion”
Install in 3 steps
- 1
Download the skill
The ZIP contains the 4 original files, the MIT licence and an attribution note.
marquee-loop.zip - 2
Add it to your agent
Claude Code (all projects)
mkdir -p ~/.claude/skills && unzip marquee-loop.zip -d ~/.claude/skills/Claude Code / Agent SDK (this project only)
mkdir -p .claude/skills && unzip marquee-loop.zip -d .claude/skills/Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.
- 3
Ask for the task
No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.
Get better results
- Name the items and the section you want the marquee in, so the agent can choose the right edge fade and direction.
- Ask for a demo page (the included demo/index.html shows the pattern) to check the loop visually before integrating it.
What's inside
- demo/index.html
- demo/PROMPT.md
- demo/source.json
- SKILL.md
Redistributed unmodified from MengTo/Skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.