MotionSites, la skill gratis che fa costruire pagine più curate a Claude

Una skill gratuita per Claude Code che prova a far costruire landing page più curate: studia esempi, scrive una specifica, realizza la pagina e si corregge guardando uno screenshot del risultato.

Perché conta

È uno strumento pensato esattamente per chi costruisce siti e pagine con l'AI senza essere uno sviluppatore, come fa il direttore con SIGNAL: aggiunge un metodo (studiare esempi, scrivere una specifica, controllare il risultato) dove di solito c'è solo un prompt generico.

In pratica

Prima di installarla, verifica di avere l'esecuzione di codice attiva nelle impostazioni di Claude e, se vuoi il controllo visivo automatico, installa anche Playwright (`pip install playwright && python -m playwright install chromium`).

Chi costruisce siti con Claude Code conosce il problema: senza indicazioni precise, il risultato spesso somiglia a mille altri, con lo stesso impaginato generico. MotionSites Web Builder è una skill gratuita, pubblicata su GitHub dall'azienda MotionSites AI, pensata per cambiare questo: insegna a Claude un modo di lavorare più simile a quello di un designer, prima di scrivere una riga di codice.

La skill fa seguire a Claude un percorso in passaggi: prima studia una libreria di esempi di pagine ben fatte (ne porta già con sé una selezione, divisa per categorie come pagine di prodotto, siti 3D o portfolio), poi scrive una specifica di cosa deve costruire, quindi realizza la pagina vera. L'ultimo passo è il più interessante: se sul computer è installato Playwright (uno strumento che permette a un programma di controllare un browser), Claude fa uno screenshot della pagina appena creata, lo guarda e corregge da solo quello che non torna, finché il risultato non si avvicina allo standard che la skill chiede. Senza Playwright questo controllo visivo non funziona a pieno, e il README lo dice chiaramente.

La skill include anche una libreria di oltre 50 video in miniatura, ritagli 3D e immagini da usare come base, più più di 50 "ricette" per effetti come loop video, titoli con sfocatura parola per parola o modelli 3D. C'è anche una modalità che, invece di far costruire la pagina a Claude, genera un prompt pronto per altri strumenti come Lovable, Bolt, v0 o Cursor.

Si installa in due modi: come plugin di Claude Code (`/plugin marketplace add Motionsites-AI/claude-skill`, poi `/plugin install motionsites-web-builder@motionsites`), oppure copiando a mano la cartella della skill dentro `~/.claude/skills/`. È gratuita e rilasciata con licenza MIT: il codice e le istruzioni si possono usare liberamente. Quello che hai di default, però, è un "assaggio": la libreria completa, con oltre 500 prompt e altri materiali, è un prodotto a pagamento separato chiamato MotionSites Unlimited, il cui prezzo il sito del produttore non indica.

Le promesse di risultati «da premio» sono quelle del progetto stesso, non una valutazione indipendente: vanno prese come l'ambizione dichiarata, non come un fatto verificato. Resta comunque un'idea semplice e utile per chi oggi si accontenta della prima pagina che Claude propone: dare un metodo, non solo un comando.