MaxGiu67
8 verified skills
lp-animate
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.
development
lp-deploy
Deploy landing page su Vercel o Netlify con preview URL. Usa quando l'utente vuole pubblicare, fare deploy, mettere online la landing, o dice lp deploy, deploy, pubblica, metti online, vercel, netlify.
devops
lp-init
Inizializza progetto landing page animata: scaffold React+Tailwind+GSAP+Motion, genera CLAUDE.md, hook QA, struttura cartelle. Usa quando l'utente vuole creare una nuova landing page, setup progetto landing, o dice lp init, nuova landing, setup landing, crea landing page.
development
lp-hero
Genera hero section animata per landing page. Supporta 4 varianti: minimal, bold, video-bg, split-screen. Usa quando l'utente vuole creare la hero, la sezione principale, o dice lp hero, crea hero, hero section, sezione principale.
testing
lp-section
Genera sezione landing page con animazioni scroll-triggered. Tipi: features, testimonials, stats, pricing, comparison, cta, footer. Usa quando l'utente vuole aggiungere una sezione, o dice lp section, aggiungi sezione, crea features, pricing, testimonials.
testing
lp-status
Dashboard stato landing page: sezioni completate, score Lighthouse, checklist. Usa quando l'utente vuole vedere lo stato, il progresso, o dice lp status, stato, a che punto siamo, progresso landing.
testing
lp-methodology
Overview del plugin Landing Craft. Mostra skill disponibili, workflow, stack e references. Usa quando l'utente chiede aiuto sul plugin, vuole vedere le skill, o dice help landing, come funziona, lp help.
tools
lp-qa
QA completa landing page: build, Lighthouse, accessibilita, visual check 3 viewport, reduced-motion, CLS. Usa quando l'utente vuole verificare la qualita, testare la landing, o dice lp qa, controlla, verifica, test landing, qualita, lighthouse.
development