skills/lp-methodology/SKILL.md
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.
npx skillsauth add MaxGiu67/landing-craft lp-methodologyInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Plugin Claude Code per creare landing page animate professionali.
| Skill | Cosa fa |
|-------|---------|
| /lp-init | Setup progetto: scaffold, CLAUDE.md, hook QA, animation config |
| /lp-hero | Hero section animata (minimal, bold, video-bg, split-screen) |
| /lp-section | Sezione scroll-triggered (features, testimonials, stats, pricing, CTA, footer) |
| /lp-animate | Aggiungi animazione a componente esistente |
| /lp-qa | QA: Lighthouse, A11y, responsive, animation check |
| /lp-deploy | Deploy su Vercel/Netlify |
| /lp-status | Dashboard stato landing |
/lp-init → /lp-hero → /lp-section (ripeti) → /lp-animate (opzionale) → /lp-qa → /lp-deploy
references/gsap-patterns.md — Pattern GSAP: tween, timeline, ScrollTrigger, SplitText, performancereferences/motion-patterns.md — Pattern Motion.dev: gesture, scroll, layout, spring, LazyMotionreferences/landing-sections.md — Template 10+ sezioni con layout e animazionereferences/landing-qa-checklist.md — Criteri QA: Lighthouse, WCAG, responsive, SEOtesting
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
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.
development
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
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.