Linea 02 · Web

Siti con page builder Il sito WordPress di più pagine nei colori del tuo brand, con un plugin che lo installa in due passi.

Claude Code scrive pagine, testata e piede, porta colori e caratteri del brand nel kit del sito e mette le tue foto nel plugin. Tu installi Elementor gratuito e il tema Hello Elementor, carichi il plugin e premi «Installa il sito». Poi il sito lo gestisci nell'editor visuale, blocco per blocco.

€39

Acquista · €39, Siti con page builder

Pagamento con Stripe, download immediato dello ZIP.

Si compra a parte. Il Megapack web resta di cinque skill, a €99 invece di €135.

Sul computerClaude Code e Python 3.9 o successivo. Node con WordPress Playground e Chrome facoltativi.

Sul sitoWordPress 6.8 o successivo, Elementor gratuito e il tema Hello Elementor.

Tre siti di prova, tre direzioni

Home costruite seguendo la skill per marche di prova, installate col plugin in WordPress Playground e fotografate al computer e al telefono. Marche e testi sono di prova, e dove manca una foto resta un segnaposto dichiarato.

Home di Merenda Lenta, gelateria di prova a Verona: il titolo «Gelato mantecato al mattino, finito la sera.» su una piastrella rosa, accanto a un riquadro verde con una foto segnaposto, al computer e al telefono.

Merenda Lenta · pastello giocoso

Una gelateria: il muro di piastrelle color caramella con un serif grasso, e il gusto del mese in una tessera arancione.

Home di Vespro, distilleria di prova: su fondo scuro il titolo «La grappa si fa di notte, quando la valle dorme» in un serif chiaro, con un fotogramma segnaposto e il pulsante Prenota una visita, al computer e al telefono.

Vespro · scuro cinematografico

Una distilleria: la sala buia, il titolo che entra come i titoli di testa e le visite da prenotare.

Home di Fornace, torrefazione di prova a Verona: il titolo «Caffè tostato il martedì, in tazza il mercoledì» in caratteri da legno su carta color sabbia, dentro una cornice a doppio filo, al computer e al telefono.

Fornace · stampa retrò

Una torrefazione: il manifesto a due inchiostri, col retino sopra il titolo e l'assaggio da prenotare.

Cosa è provato e cosa no

  • Provato il 9 ottobre 2026 in WordPress Playground, con Elementor 4.3.4 gratuito, Hello Elementor 3.5.1, WordPress 7.1.3 e PHP 8.3: le dodici direzioni, ognuna con una marca di prova.
  • Il pulsante «Installa il sito» premuto due volte, senza doppioni di pagine, colori, caratteri o foto. Le foto nella Libreria media e nei widget immagine, la home aperta nell'editor.
  • Il controllo che avvisa quando due siti hanno la stessa direzione e gli stessi caratteri.
  • Non ancora provato su un hosting vero, con PHP 7.4, con Elementor Pro attivo insieme al plugin, con la strada di importazione a mano e con l'installazione della skill dall'app di Claude.

Dodici direzioni di stile

Claude te ne propone tre con un'anteprima nei tuoi colori, e scegli tu. Alcuni elementi delle anteprime non hanno ancora un equivalente nel page builder: Claude te li dice prima che tu scelga.

Ogni direzione è provata in WordPress Playground con una marca di prova.
StileL'ideaPer
Artigianale caldoLa bottega raccontata come un registro, carta kraft e un timbroPanifici, ceramica, falegnamerie, cantine, legatorie
Brutalista tecnicoIl sito come una scheda tecnica, celle con il bordo e testo monospazioOfficine, laboratori, hardware, studi tecnici
Collage massimalistaRitagli di carta colorata incollati, titoli enormiFestival, fanzine, negozi di dischi, associazioni culturali
Editoriale rivistaSi sfoglia come un numero di rivista, didascalie e un rosso tipograficoStudi, portfolio, architettura e interni, editoria
Griglia svizzeraUna sans sola, testo a bandiera su dodici colonne, numeri grandiStudi di design, musei, consulenza, formazione
Minimale giapponesePoche cose con molto spazio, un quadratino vermiglio come unico coloreCeramica, tè e caffè, ospitalità, benessere
Neon di sistemaIl pannello di uno strumento acceso al buio, letture in monoSoftware, studi di registrazione, laboratori tecnici
Organico morbidoCampi di colore sfocati, sezioni in curva, inchiostro profondoYoga, ostetricia, psicoterapia, nutrizione
Pastello giocosoUn muro di piastrelle color caramella e un serif grassoGelaterie, cartolerie, pasticcerie, fioristi
Scuro cinematograficoUna sala buia, titoli che entrano come titoli di testaFotografia, video, distillerie, cocktail bar
Stampa retròUn manifesto a due inchiostri, retini e caratteri da legnoCircoli, librerie indipendenti, torrefazioni, birrifici
Tipografico puroNessuna immagine, un carattere solo e la misura come gerarchiaCase editrici, traduttori, studi legali, chi scrive

Hai già Elementor MCP? Quando conviene questa skill

Elementor MCP collega Claude al tuo sito e scrive le pagine direttamente nell'editor. È gratis e va bene per ritoccare un sito che esiste già.

Un sito nuovo
Questa skill parte dall'altra parte: un sito nuovo, nella direzione di stile che hai scelto. I colori del brand vanno nelle impostazioni globali, i template sono controllati contro lo schema di Elementor 4.3.4, la versione su cui è provata, e un plugin carica i caratteri in locale.
Il tuo sito
Resta com'è finché non premi «Installa il sito». Prima puoi aprire i template, che sono file JSON, e provarli in locale.
Più clienti
Se fai siti per più clienti, ti avvisa quando due siti avrebbero la stessa direzione con gli stessi caratteri.
Widget
Usa i widget gratuiti di Elementor, nessun Pro. Genera widget classici e contenitori: se vuoi gli elementi V4, usa l'MCP.

Cosa ti lascia

Tutto nella cartella consegna/ del progetto, sul tuo computer, accanto alla scheda del sito. Nel tuo WordPress lo carichi tu.

plugin-<marca>.zip
Caratteri in locale, senza richieste a Google Fonts, rifiniture grafiche della direzione, testata e piede su ogni pagina, le tue foto e il pulsante Strumenti > Installa il sito.
kit-<direzione>.zip
Colori e caratteri globali del sito, con il contrasto controllato prima della consegna (almeno 4,5:1).
pagine/
Apertura, servizi, elenco di lavori, citazione, cifre, galleria, domande frequenti, testo lungo e invito finale, in template JSON. Con testata.json e piede.json servono per la strada a mano.
media/
Le tue foto, se ne hai date. Al clic su «Installa il sito» finiscono nella Libreria media, col testo alternativo.
COME-IMPORTARE.md
I passi. Con il plugin sono due: installi Hello Elementor ed Elementor, poi carichi il plugin e premi «Installa il sito». Premuto una seconda volta, il pulsante aggiorna pagine e template e lascia il kit com'è.

Cosa serve sul computer

Python genera la consegna sul tuo computer. Il sito vive nel tuo WordPress, dove servono il page builder gratuito e il tema consigliato.

Claude Code
ServeNel Terminale o nella scheda Code dell'app Claude, in una sessione locale: la skill scrive la consegna nella cartella del progetto e lancia lì i suoi script.
Python 3.9 o successivo
ServeCon la sola libreria standard: niente pacchetti da installare.
Una connessione, la prima volta
ServePer scaricare i caratteri dentro il plugin, con licenza OFL. Poi le pagine del sito non chiamano Google Fonts.
WordPress 6.8 e PHP 7.4, o successivi
Sul sitoProvato su WordPress 7.1.3 con PHP 8.3. PHP 7.4 non è ancora provato.
Elementor gratuito e Hello Elementor
Sul sitoProvato con Elementor 4.3.4 e con il tema Hello Elementor 3.5.1, quello consigliato. Elementor Pro non serve.
Un amministratore
Sul sitoUn utente che possa caricare plugin.
Node con WordPress Playground
Per la provaSolo per provare il sito in locale prima di caricarlo. Al primo avvio scarica circa 1 GB.
Chrome
FacoltativoPer le anteprime delle direzioni in PNG.

Nello ZIP

  • SKILL.mdI passi che Claude Code segue, dalla cartella del brand alla consegna.
  • README.mdInstallazione, requisiti e cosa la skill non fa.
  • scripts/Il generatore in Python, il validatore dei template, le anteprime e il controllo dell'impronta.
  • plugin-modello/Il plugin che installa il sito, codice GPL-2.0-or-later.
  • schema/Lo schema dei template di Elementor 4.3.4.
  • riferimenti/Direzioni tradotte per il page builder, sezioni, foto, cosa è di Pro, installazione e prova in locale.
  • _foundations/Le dodici direzioni di stile e le regole di scrittura.
  • personalizzazione-modello/La cartella da copiare e compilare.

Cosa è di Pro e resta fuori

La skill usa solo le funzioni gratuite. Quello che in Elementor è di Pro non lo usa e non lo promette.

  • Form con invioÈ una funzione di Pro. Il contatto è un link email o telefono.
  • Menu di WordPress e Theme BuilderTestata e piede arrivano dal plugin della skill su ogni pagina. Il menu è una lista di link, da aggiornare a mano.
  • Popup, motion effects, CSS per singolo widgetFunzioni di Pro: la skill non le usa.
  • Elementi V4La skill genera widget classici e contenitori. Gli elementi atomici del nuovo editor restano fuori.
  • Tre schemi di aperturaA due colonne, titolo gigante o centrata. Video di sfondo, foto che scorrono e collage di più foto restano fuori.
  • Un sito che hai giàLa skill non lo modifica e non entra nel tuo hosting: il plugin lo carichi tu.
  • Recensioni, numeri e clientiLa skill non li inventa. Quello che manca resta un segnaposto dichiarato.
Home di Banco 9, laboratorio di prova che ripara sintetizzatori e pedali: celle con il bordo, testo monospazio e il titolo con la parola riaccesi su rosso, con la testata Laboratorio, Lavori e Diagnosi, al computer e al telefono.
Banco 9, laboratorio di prova in direzione brutalista tecnico. La testata con Laboratorio, Lavori e Diagnosi arriva dal plugin della skill, senza Theme Builder.

Come si usa, in tre gesti

  1. La metti in Claude Code

    Dopo il pagamento scarichi lo ZIP dalla pagina di conferma, e per email ti arriva il link, valido 14 giorni. Lo decomprimi e copi la cartella siti-page-builder in ~/.claude/skills/. Se la cartella skills non c'era ancora, scrivi /reload-skills.

  2. Scrivi cosa ti serve

    «Fammi un sito WordPress per il mio studio di interni.»

    Claude legge la cartella personalizzazione/, o se manca ti fa al massimo otto domande e la scrive. Ti propone tre direzioni con un'anteprima nei tuoi colori, scrive la scheda del sito e la trasforma in pagine, testata e piede.

  3. Installi il sito

    Nel tuo WordPress installi Hello Elementor ed Elementor, carichi il plugin della consegna e premi Strumenti > Installa il sito. La home viene impostata dal plugin, e da lì il sito lo modifichi nell'editor.

Domande

Altro da chiedere? Scrivi a info@useskill.it.

Elementor MCP non fa già tutto?

L'MCP è il canale con cui Claude scrive nel tuo sito, e il design lo decide la tua descrizione, volta per volta. La skill porta il metodo: dodici direzioni con caratteri e palette già scelti, il controllo del contrasto e dei template prima della consegna, il plugin con i caratteri in locale.

Serve Elementor Pro?

No. La skill usa solo widget gratuiti e mette testata e piede con il suo plugin, senza Theme Builder. Se hai Pro, sappi che non l'abbiamo provato insieme al plugin.

Posso usarla insieme all'MCP?

Sì, in teoria: la skill consegna il sito di partenza, l'MCP serve poi a ritoccarlo in conversazione. Questa combinazione non l'abbiamo provata.

Cosa succede se Elementor cambia?

Ogni consegna dice su quale versione è provata, e lo schema dei template è per versione. Con una versione diversa dalla 4.3.4 la consegna non è provata, e te lo diciamo.

Funziona con il mio tema?

Con Hello Elementor sì, provato. Con un altro tema la testata del tema potrebbe restare sopra quella del sito: non provato.

Posso mettere un modulo di contatto?

Con Elementor gratuito il contatto è un link email o telefono. Il form di Elementor è una funzione di Pro.

Fa anche il negozio online?

No. Per vendere ci sono Store vetrina e Store con carrello; per un negozio WooCommerce, Tema WooCommerce.

Funziona dall'app di Claude?

È pensata per Claude Code sul tuo computer, dove scrive la consegna e lancia i suoi script. L'upload su claude.ai non è stato provato con questa skill, nemmeno dall'app (Customize > Skills > Upload a skill, piani Pro, Max, Team ed Enterprise con l'esecuzione di codice).

E se il risultato non mi convince?

Prima di comprare guarda i siti di prova qui sopra. Il download è immediato, e per il recesso sui contenuti digitali valgono i termini di vendita. Se un file è difettoso o non si scarica, scrivi a info@useskill.it: lo sostituiamo o, se non si può, ti rimborsiamo.

Siti con page builder

€39

Acquista · €39, Siti con page builder

Pagamento con Stripe, download immediato. Gira in Claude Code con Python 3.9; il sito va in un WordPress con il page builder gratuito.

Le altre skill web

Se il sito non deve stare su WordPress c'è Siti v2. Per siti, landing page e negozi in un solo acquisto, il Megapack, che questa skill non contiene.

Siti v2

Il sito di un'attività con più pagine statiche, pronte da pubblicare su Vercel. Niente WordPress da tenere aggiornato.

€39. Sul computer: Claude Code, Python 3.9, Chrome facoltativo.

Pagina di Siti v2

Megapack web

€99 invece di €135

Siti v2, Landing page, Store vetrina, Store con carrello e Tema WooCommerce in un solo acquisto: cinque ZIP, uno per skill, più un LEGGIMI.

Pagina del Megapack web