marquee-loop

MengTo/Skills · Agent Skill

Utilizza quando si creano cicli di marca che richiedono un ritmo stabile, un intervallo e una consapevolezza delle prestazioni.

Vai all'installazione ↓

Panoramica

Autore	MengToCommunity
Repository	MengTo/Skills ↗
Cartella dello skill	`marquee-loop`
Stelle	7038
Fork	819
File inclusi	5
Licenza	MIT
Aggiornato	25 ottobre 2026
Link	Sorgente dello skill ↗ · Repository ↗

Verifica Mozgi

Cosa abbiamo trovato nei file dello skill. I dettagli con l’abbonamento.

Sicurezza

rischio basso · nessun rischio evidente — il report completo mostra i dettagli

Compatibilità

solo istruzioni — funziona con la maggior parte degli agenti

Skill simili

58 skill simili trovati

Inoltre con l’abbonamento

Installazione

Uno skill è una cartella con un file SKILL.md. Scegli il tuo agente ed esegui i comandi in un terminale (macOS, Linux o Git Bash su Windows) dalla radice del progetto.

Incolla il prompt in Claude, Codex o un altro assistente: controllerà lo skill e lo installerà.

Install the “marquee-loop” skill from mozgi.io (https://mozgi.io/skills/mengto-marquee-loop/) for me.

1. Download the archive: https://mozgi.io/skills/mengto-marquee-loop/download
   If it fails, take the skill folder from the source: https://github.com/MengTo/Skills/tree/main/agent-skills/web-design/marquee-loop
2. Read SKILL.md and the other files. Check the skill is safe: no hidden commands, no sending data elsewhere, no scripts doing something other than described. If anything looks suspicious, stop and tell me.
3. Put the “marquee-loop” folder into your agent's skills folder: .claude/skills/ for Claude Code, .agents/skills/ for Codex, .cursor/skills/ for Cursor, .gemini/skills/ for Gemini CLI. Inside the project if we are in one, otherwise in the home folder (~/.claude/skills/ etc.).
4. Make sure <skills folder>/marquee-loop/SKILL.md exists.
5. Briefly tell me what this skill does and offer to try it on my task.

If you cannot do a step yourself, tell me what to click or type.

git clone --depth 1 --branch main https://github.com/MengTo/Skills.git /tmp/Skills
mkdir -p .claude/skills
cp -r /tmp/Skills/agent-skills/web-design/marquee-loop .claude/skills/marquee-loop

Riavvia Claude Code: lo skill compare nell'elenco; per richiamarlo a mano usa /marquee-loop. Per tutti i progetti: ~/.claude/skills.

git clone --depth 1 --branch main https://github.com/MengTo/Skills.git /tmp/Skills
mkdir -p .agents/skills
cp -r /tmp/Skills/agent-skills/web-design/marquee-loop .agents/skills/marquee-loop

Codex cerca gli skill in .agents/skills dalla cartella corrente fino alla radice del repo; richiamalo con /skills o $marquee-loop. Per tutti i progetti: ~/.agents/skills.

git clone --depth 1 --branch main https://github.com/MengTo/Skills.git /tmp/Skills
mkdir -p .cursor/skills
cp -r /tmp/Skills/agent-skills/web-design/marquee-loop .cursor/skills/marquee-loop

Cursor carica lo skill all'avvio; richiamalo con “/” nella chat Agent. Cursor legge anche .claude/skills e .agents/skills. Per tutti i progetti: ~/.cursor/skills.

git clone --depth 1 --branch main https://github.com/MengTo/Skills.git /tmp/Skills
mkdir -p .gemini/skills
cp -r /tmp/Skills/agent-skills/web-design/marquee-loop .gemini/skills/marquee-loop

Gemini CLI propone di attivare lo skill quando il compito corrisponde: tu confermi. Per tutti i progetti: ~/.gemini/skills.

File dello skill

5 file Scarica ZIP

Leggi SKILL.md e i file correlati prima di installare. Clicca un file per l'anteprima.

Contenuto di SKILL.md

Testo originale dell'autore · sola lettura

Marquee Skill

Use When

A design needs a seamless infinite loop for logos, testimonials, screenshots, tags, or short feature chips.

Workflow

1. Duplicate the item sequence so the end and beginning match perfectly.

2. Animate the track with a linear transform from 0 to -50%.

3. Keep item widths stable to prevent jumps during the loop.

4. Mask or fade the edges when the marquee enters or exits a section.

5. Pause or slow the marquee on hover only when interaction is useful.

6. Respect prefers-reduced-motion with a static wrap or very slow movement.

Guardrails

Do not animate unique content that users must read carefully.
Do not use large CPU-heavy shadows or filters on every moving item.

Domande frequenti

Che cosa fa lo skill marquee-loop?

Utilizza quando si creano cicli di marca che richiedono un ritmo stabile, un intervallo e una consapevolezza delle prestazioni.

Come si installa marquee-loop?

Apri il blocco “Installazione” in questa pagina e scegli il tuo agente — Claude Code, Codex, Cursor o Gemini CLI — per i comandi pronti che copiano la cartella dello skill nel posto giusto. Oppure copia il prompt dalla scheda “Con l'assistente” e lascia che sia l'assistente a controllare e installare lo skill.

Con quali modelli AI funziona marquee-loop?

Gli skill sono semplici istruzioni in Markdown (formato Agent Skills), quindi marquee-loop funziona con qualsiasi agente che legge SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode e altri. Il modello carica le istruzioni solo quando il compito corrisponde alla descrizione dello skill.

marquee-loop è gratuito?

Lo skill è pubblicato apertamente da MengTo con licenza MIT. Lo skill in sé non costa nulla: paghi solo il tuo fornitore AI per i token usati.

È sicuro installare gli skill?

Uno skill è un insieme di istruzioni che il tuo agente seguirà: leggi SKILL.md e i file correlati prima di installarlo. Gli script nella cartella dello skill vengono eseguiti solo se li esegue l'agente: controlla cosa fa e non concedere permessi superflui.

In cosa differisce uno skill da un server MCP o da un plugin?

Un server MCP o un plugin danno al modello nuovi strumenti: codice che viene eseguito e restituisce un risultato. Uno skill fornisce conoscenza e metodo: come affrontare il compito, quali passi seguire e com'è un buon risultato. Non servono server né chiavi API.

Skill correlati

Tutti gli skill →

animation-on-scroll Usa quando hai bisogno di un movimento controllato dalla scroll che sembri intenzionale, piuttosto che rumoroso o eccessivo. MengTo7k

animation-systems Utilizza al posto di singole correzioni di movimento per costruire un sistema di animazione olistico. MengTo7k

gsap Utilizza quando si implementa il movimento con GSAP e quando si desidera ottenere consigli pratici sulla struttura dell'animazione e sulla sequenza. MengTo7k

gsap-scrolltrigger-storytelling Utilizza la creazione di sezioni di storie in base alla scroll con GSAP ScrollTrigger. MengTo7k

masked-reveal Utilizza quando si rivela il contenuto con movimento mascherato, transizioni ritagliate o ingressi multistrato. MengTo7k

matterjs Utilizza Matter.js per creare interazioni e comportamenti di layout fisicamente basati. MengTo7k