From landing-craft
Aggiunge animazioni a componenti React esistenti senza ristrutturarli. Tipi: entrance, scroll, hover, stagger, parallax. Usa quando l'utente vuole animare un componente, aggiungere movimento, o dice lp animate, anima, aggiungi animazione, troppo statico.
How this skill is triggered — by the user, by Claude, or both
Slash command
/landing-craft:lp-animateThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Aggiunge un layer di animazione a un componente React esistente senza ristrutturare la logica.
Aggiunge un layer di animazione a un componente React esistente senza ristrutturare la logica.
Argomenti: $ARGUMENTS = <percorso-file> [tipo]
| Tipo | Cosa fa | Libreria |
|---|---|---|
| entrance | Fade-up al mount del componente | Motion.dev |
| scroll | Reveal quando entra nel viewport | Motion.dev useInView |
| hover | Scale + shadow on hover | Motion.dev whileHover |
| stagger | Children appaiono in sequenza | Motion.dev variants |
| parallax | Movimento differenziato con scroll | GSAP ScrollTrigger |
Se il tipo non e specificato, analizza il componente e suggerisci il piu appropriato.
src/lib/animation-config.ts per timing coerenteRegole di modifica:
<motion.div> o <m.div> (con LazyMotion)prefers-reduced-motion checkanimation-config.tsFile: componente aggiornato con animazione Nessun nuovo file creato (modifica in-place)
npx claudepluginhub maxgiu67/landing-craft --plugin landing-craftProvides behavioral guidelines to reduce common LLM coding mistakes, focusing on simplicity, surgical changes, assumption surfacing, and verifiable success criteria.
Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.