Linea 02 · Web
Siti v2 Il sito della tua attività, con più pagine, costruito da Claude Code sul tuo computer.
Legge la cartella con chi sei, colori, logo, foto e testi, sceglie le pagine adatte al tipo di attività e ti propone tre direzioni di stile su dodici, con un'anteprima nei tuoi colori. Poi costruisce il sito, lo controlla e ti lascia i passi per pubblicarlo su Vercel.
€39
Pagamento con Stripe, download immediato dello ZIP.
Con Landing page, Store vetrina, Store con carrello e Tema WooCommerce sta nel Megapack web, a €99 invece di €135.
Sul computerClaude Code e Python 3.9 o successivo. Una connessione la prima volta, Chrome facoltativo.
Per pubblicareUn account Vercel, quando vorrai.
Tre siti di prova
Costruiti seguendo la skill da cartelle di prova, ognuno in una direzione di stile diversa. Nomi, testi e attività sono di prova, e dove mancava una foto vera c'è un segnaposto dichiarato.
Ostro · editoriale rivista
Una ceramista con portfolio e commissioni: home, lavori e contatti, con il titolo grande e le didascalie da rivista.
Sestopiano · griglia svizzera
Uno studio di architettura: home con l'indice numerato, progetti e contatti, e il campo verde con il 6 del sesto piano.
Brace Nera · scuro cinematografico
Un ristorante: tema scuro, la pagina del menu di ottobre e quella per prenotare un tavolo.
Cosa è provato e cosa no
- Otto siti costruiti seguendo la skill, ognuno con direzione e caratteri diversi. Tre sono partiti da una cartella vuota, con le domande di Claude.
- Controllo con Chrome a 375, 768, 1280 e 1920 pixel: zero errori su tutti, con contrasto, testi alternativi, un titolo principale per pagina, meta e Open Graph, collegamenti e peso.
- Non ancora provati: la pubblicazione su un account Vercel vero, l'upload dello ZIP su claude.ai, Safari, Firefox e un telefono vero.
Cosa ti lascia
Una cartella sito/ nel progetto, sul tuo computer. Va online solo quella: personalizzazione e anteprime restano fuori.
- index.html e le pagine
- Una pagina per voce del menu, scelte per il tipo di attività: chi siamo, servizi o lavori, menu per la ristorazione, contatti.
- privacy.html, cookie.html
- Modelli da compilare e far rivedere, quando servono. Più la pagina 404 nello stesso stile.
- assets/
- Il CSS della direzione scelta, i colori e i caratteri del tuo brand, i caratteri scaricati dentro il sito, il movimento e le immagini.
- vercel.json, sitemap.xml
- La configurazione per Vercel, la mappa del sito e
robots.txt, con il dominio da completare. - .useskill-impronta.json
- L'impronta dello stile usato: il prossimo sito nella stessa cartella di lavoro ne avrà uno diverso.
- La consegna
- Cosa ha letto, l'esito dei controlli, i segnaposto tra parentesi quadre da completare e i passi per pubblicare con il tuo account.
Cosa serve sul computer
Python e i suoi script costruiscono e controllano il sito. Node non serve.
- Claude Code
- ServeNel Terminale o nella scheda Code dell'app Claude, in una sessione locale: la skill scrive il sito nella cartella del progetto e lancia lì i suoi script.
- Python 3.9 o successivo
- ServeSolo la libreria standard: niente pacchetti da installare. Su macOS e Linux di solito c'è già, e lo controlli con
python3 --version. - Una connessione, la prima volta
- ServePer scaricare i caratteri dentro il sito, con licenza OFL. Poi il sito non chiama servizi di caratteri esterni.
- Chrome
- FacoltativoPer la prova a 375, 768, 1280 e 1920 pixel e per le foto delle pagine. Senza, quella prova non si fa e Claude te lo dice.
- Un account Vercel
- Per pubblicareQuando vorrai mettere il sito online. Node.js serve solo se scegli di pubblicare dal terminale.
Nello ZIP
- SKILL.mdLe istruzioni che Claude segue, passo per passo.
- README.mdInstallazione, uso e cosa non fa.
- riferimenti/Pagine per tipo di attività, struttura, contatti e moduli, SEO, accessibilità,
vercel.json, pubblicazione. - scripts/Anteprime, caratteri, controllo del sito, foto delle pagine, impronta.
- _foundations/Le dodici direzioni di stile con le anteprime, gli schemi dell'hero, la libreria del movimento.
- personalizzazione-modello/La cartella da copiare e compilare.
Cosa resta a te
Scritto qui come nel README che ricevi, prima che tu compri.
- Contenuti veri o segnaposto dichiaratiRecensioni, clienti, numeri e foto non li inventa: quello che non sa resta tra parentesi quadre, e le foto mancanti diventano segnaposto con la scritta.
- La pubblicazione la fai tuTi lascia i passi per Vercel. Gli account li apri tu, e i comandi li lancia Claude solo dopo che hai fatto l'accesso.
- Privacy e cookie sono modelliVanno completati e fatti verificare a un professionista prima di pubblicare.
- Fuori dalla skillPiù lingue nello stesso sito, aree riservate, database e pagamenti. Per vendere online ci sono Store vetrina e Store con carrello, per una pagina sola Landing page.
Come si usa, in tre gesti
-
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-v2in~/.claude/skills/. Se la cartella skills non c'era ancora, scrivi/reload-skills. -
Prepari la cartella del brand
Copi
personalizzazione-modello/nella cartella del progetto, la chiamipersonalizzazione/e riscrivi i file con i tuoi dati. Se non hai tempo salti il passo: Claude ti fa al massimo otto domande e la scrive lui. -
Scrivi cosa ti serve
«Fammi il sito del mio studio di architettura.»
Guardi le tre anteprime e ne scegli una, oppure ne chiedi altre tre. A fine lavoro trovi il sito in
sito/e l'elenco di cosa completare prima di pubblicare.
Domande
Altro da chiedere? Scrivi a info@useskill.it.
Quali pagine fa?
Le decide dal tipo di attività: home, chi siamo, servizi o lavori, il menu per un ristorante, contatti, più privacy, cookie e 404. Le sezioni senza contenuto vero le toglie.
Due siti fatti con la stessa skill si somigliano?
La skill parte da dodici direzioni di stile e ne propone tre adatte al brand, con un'anteprima nei tuoi colori. A fine lavoro scrive un'impronta dello stile usato: il sito successivo nella stessa cartella ne avrà uno diverso.
Posso usarla per i siti dei miei clienti?
Sì. Prepari una cartella per cliente dentro personalizzazione/ e Claude ti chiede per chi è il sito. I caratteri hanno licenza OFL, che permette l'uso commerciale anche sui siti dei clienti.
Mette il sito online?
Ti lascia vercel.json e i passi per pubblicare su Vercel con il tuo account, dal sito di Vercel o dal terminale. La pubblicazione la fai tu.
Funziona nell'app Claude o su claude.ai?
La skill è fatta per Claude Code sul tuo computer, dove scrive il sito e lancia i suoi script. L'upload su claude.ai non è stato provato.
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 v2
€39
Pagamento con Stripe, download immediato. Gira in Claude Code, con Python 3.9.
Le altre skill web
Per una pagina sola che deve far fare una cosa c'è Landing page. Se ti servono tutte e cinque, il Megapack.
Landing page
Una pagina sola con un'azione sola, in due versioni da confrontare, con il modulo collegato al servizio dei contatti che usi già.
€19. Sul computer: Claude Code, Python 3.9.
Pagina di Landing pageMegapack 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 webRecesso e download
Le skill sono contenuti digitali con download immediato. Al pagamento, su Stripe, confermi il download subito e i termini di vendita.
Il link per scaricare vale 14 giorni. Se è scaduto, da Recupera i download ti arrivano i link nuovi all'indirizzo con cui hai comprato. Per un problema con un acquisto scrivi a info@useskill.it.