Cosa ottieni
- Un file HTML con font e immagini incorporati, oppure un porting Next.js, React, Vue o Astro
- Home, catalogo con filtri, pagine prodotto, collezioni, carrello e un checkout demo
- Pagine guida alle taglie, spedizioni, FAQ, contatti, chi siamo, newsletter, note legali e 404
- Un validatore che controlla link, struttura, funzionamento offline e nomi di esempio rimasti
- Foto di prodotto e di campagna coordinate opzionali da PopNow, con prezzo prima di ogni esecuzione
Ideale per
- Brand di sneaker, calzature e abbigliamento sportivo
- Piccoli marchi di abbigliamento che vogliono un look da campagna
- Prototipi di negozio da passare a uno sviluppatore prima di collegare un vero carrello
Non adatta a
- Accettare pagamenti reali da subito: il checkout è una demo finché non colleghi un provider
- Cataloghi con centinaia di articoli che richiedono un database
- Identità di brand chiassose, scure o neon
Come usarla
In Claude o ChatGPT
Usa la skill PopNow “Template sito e-commerce di sneaker” (sneaker-store-website) per questo: Crea un negozio per Northfold, un piccolo brand di scarpe da trail che vende cinque modelli in EUR, con spedizione gratuita sopra i 120 EUR e 30 giorni per il reso.
In un agente di programmazione
/popnow-sneaker-store-website Crea un negozio per Northfold, un piccolo brand di scarpe da trail che vende cinque modelli in EUR, con spedizione gratuita sopra i 120 EUR e 30 giorni per il reso.
Poi prova
Metti le foto dei miei prodotti in ./photos sullo sfondo del negozio e dimmi prima il prezzo.
Porta il negozio nel mio progetto Next.js e lascia il checkout come demo.
Cosa tenere pronto
- Nomi dei prodotti, prezzi, colorazioni e taglie
- Da due a quattro collezioni e le tue politiche di spedizione e reso
- Foto dei prodotti, o una chiave API PopNow per generarle
- Indirizzo e orari del negozio, se ne hai uno
Skill simili
Vedi tutte →Creatore di avatar 3D
+3Crea nel browser un personaggio 3D tenero come un peluche e salvalo come PNG trasparente o pagina 3D.
Calendario heatmap
+3Un anno di attività quotidiana come griglia di calendario sfumata, con serie, totali e accesso da tastiera.
Landing page SaaS per l’AI
+3Carta sabbia calda, binari sottili e tratteggi attorno a una kanban dal vivo dove un assistente pianifica.
Sezione hero animata
+3Una hero per landing page con una parola del titolo che ruota con delicatezza, due pulsanti e un riquadro immagine largo.
Sito per agenzia creativa con hero shader
+3Hero shader WebGL dal vivo dietro un’affermazione in basso, navigazione a pillola e griglia di casi di studio.
Landing page SaaS scura
+3Un sito di marketing scuro e ricco di animazioni per un prodotto software, consegnato come un unico file HTML autonomo.
Sito portfolio per designer
+3Sei card inclinate attorno a un titolo sfumato su grigio calmo, una card ritratto rossa e casi di studio.
Sito portfolio per sviluppatori
+3Un sito personale scuro per ingegneri, con case study, articoli, talk, curriculum e modulo di contatto.
Sito SaaS editoriale
+3Hero diviso blu notte, titolo serif accanto a una foto documentaria, fasce inclinate e un accento cobalto.
Template sito glassmorphism
+3Pillole di vetro su fondo quasi nero, titolo serif enorme con una parola in corsivo e iscrizione via email.
Sito di prodotti hardware
+3Nomi dei modelli enormi e sottili su scatti da studio argentati, card di specifiche e una gamma in scala.
Diagramma di architettura interattivo
+3Un diagramma di sistema cliccabile e offline, costruito da un modello JSON verificato, con le evidenze dietro ogni riquadro.
Hero con griglia interattiva
+3Una griglia scura di fili sottili che si piega verso il cursore e fa partire un anello luminoso a ogni clic.
Esploratore di knowledge graph
+3Trasforma gli appunti di progetto in un grafo offline e ricercabile, dove ogni affermazione rimanda alla sua riga di origine.
Template dashboard KPI
+3Quattro KPI con variazioni, un grafico a linee, una tabella di dettaglio e barre obiettivo.
Landing page da mockup AI
+3Vedi prima tre progetti a pagina intera, scegline uno: il tuo agente lo costruisce come codice pulito.
Template sito web per rivista
+3Un sito di rivista con qualità da stampa, articoli, temi, un piccolo shop e abbonamenti, in un unico file HTML.
Hero con animazione di particelle
+3Testo su carta calda accanto a una sfera di punti inchiostro e verde acqua che cambia forma per ogni idea.
Sito personal brand
+3Un ritratto sfumato su carta calda sotto una sottile parentesi, con affermazioni leggere e grassetto ai lati.
Pagina di lancio cinematografica di prodotto
+3Pagina quasi nera in stile film: titolo serif su luci in movimento, scena notturna, modulo di prenotazione.
Template dashboard di amministrazione
+3Una console di back office funzionante con grafici, tabelle, kanban e calendario, in un unico file HTML offline.
Template landing page SaaS
+3Un sito di marketing chiaro e sobrio per un prodotto software, con console di prodotto funzionante, prezzi e iscrizione.
Sito portfolio in stile scrapbook
+3Un CV online su più pagine fatto di oggetti di carta, con case study e un curriculum stampabile.
Landing page per automazione di workflow
+3Pagina in grafite con titolo piccolo a sinistra e sotto un grafo di nodi dal vivo che esegue e riprova.
Domande
Il checkout accetta pagamenti reali?
No. Valida il modulo, aggiorna i totali in base al metodo di spedizione e mostra una conferma, ma si ferma chiaramente prima del pagamento. Collegare un provider di pagamento è un passaggio separato in un progetto reale.
Posso usare le foto dei miei prodotti?
Sì. Aggiungile e la skill le usa così come sono oppure, con la tua approvazione e un preventivo in crediti, le mette sullo sfondo coordinato del negozio o le scontorna con PopNow, così la griglia risulta uniforme.
Funziona per l’abbigliamento invece che per le scarpe?
Sì. Le taglie passano a lettere, la guida alle taglie diventa una tabella delle misure e le opzioni di larghezza diventano vestibilità. Collezioni e linee si possono rinominare o rimuovere.
E se non ho una chiave API PopNow?
Il negozio si costruisce comunque. I prodotti ricevono riquadri segnaposto con etichetta o le tue foto, e la risposta elenca quali spazi richiedono ancora immagini.