Shopify PDP Builder
Claude Code plugin che automatizza la creazione di template Shopify (PDP + Funnel + clone competitor integrale) da zero. Distribuibile a tutti i membri del team: ognuno lo installa una volta, configura i propri store, e lancia uno dei comandi disponibili.
Comandi disponibili
/create-new-pdp
Crea una nuova PDP duplicando un template prodotto esistente.
Flusso:
- Store selection — scegli su quale store lavorare (Nimea, Glowria, o altri configurati).
- Auth + scelta tema — verifica Theme Access token, mostra temi disponibili, permette di lavorare anche su tema dev/unpublished.
- Duplicazione template + liquidify automatica — sceglie un template PDP esistente, lo duplica con nuovo nome, duplica tutte le sezioni con prefisso derivato. Ogni sezione duplicata viene resa editabile dal theme editor: se era già editabile (schema completo) resta com'è; se era hardcoded (tipo GemPages legacy) la skill estrae testi/immagini/CTA dal markup del duplicato e li sposta nello schema come
settings/blocks. Il template sorgente non viene mai toccato.
- Push selettivo — pubblica solo i file nuovi sul tema.
- Raccolta materiali — competitor PDP, transcript, research prodotto, angle, brand assets.
- Riscrittura testi — modalità sezione-per-sezione, batch, o misto. I testi del prodotto base vengono riscritti per il nuovo prodotto modificando i
default dello schema (non il markup), mantenendo layout/CSS/JS identici.
- Guida immagini — brief per sezione con dimensioni/ratio corretti. Le immagini si caricano direttamente dal theme editor (campi
image_picker), senza passare da URL CDN incollati in chat.
- Verifica finale — checklist mobile/desktop, URL live.
/create-new-funnel
Crea una nuova pagina funnel (advertorial, listicle, quiz, custom) da zero.
Flusso:
- Store selection — stesso meccanismo di PDP.
- Auth + scelta tema — come PDP.
- Brand identity discovery — la skill chiede quale PDP usare come riferimento, estrae palette colori + tipografia dal tema, chiede conferma.
- Creazione template — nome, layout (chromeless senza header/footer, o
theme con chrome), prefisso sezioni. Push del template scheletro.
- Tipo di funnel — advertorial / listicle / quiz / altro. Carica la struttura base di partenza.
- Raccolta materiali — esempi competitor del tipo scelto, research prodotto, URL PDP del prodotto (per le CTA), angolo marketing, brand assets extra.
- Costruzione sezioni — modalità sezione-per-sezione / batch / misto. Claude crea sezioni responsive mobile+desktop usando palette e font del brand, testo dal research, bottoni CTA → PDP. Ogni sezione nasce editabile dal theme editor: testi, immagini (
image_picker) e link sono nello schema, mai hardcoded.
- Guida immagini — brief per sezione + upload diretto dal theme editor.
/clone-competitor-store
Replica integrale di uno store competitor (di solito US) sul tuo tema (mercato IT). Diversa dalle altre due perché orchestra la creazione di tutte le pagine necessarie (funnel + PDP + home + extras) in un'unica sessione, con brand discovery globale fatta UNA volta dai URL competitor.
Flusso:
- Store selection — come le altre skill.
- Auth + scelta tema — come le altre.
- Definizione scope — selezione multipla: Funnel (advertorial/listicle/quiz) / PDP / Home. Le pagine extra (contattaci, traccia ordine, FAQ, about, blog, collection) vengono chieste alla fine. Out of scope sempre: cart e checkout.
- Brand discovery globale — l'utente manda gli URL competitor di tutte le pagine selezionate, la skill estrae automaticamente palette colori, font, logo, tono di voce via WebFetch + analisi CSS. Una sola volta, riusato per tutte le pagine successive.
- Identità nuovo brand — nome brand, logo (URL CDN da Shopify Files), email assistenza, telefono, indirizzo legale. Lingua testi: IT (la skill traduce ENG → IT mantenendo tono di voce).
- Costruzione iterativa in ordine vincolante Funnel → PDP → Home: per ogni pagina screenshot mobile+desktop, mappatura sezioni, creazione template, costruzione sezioni 1:1 (modalità one-shot o sezione-per-sezione), istruzioni a creare Product/Page in Admin e assegnare il template.
- Pagine extra opzionali — contattaci, traccia ordine, FAQ, about, blog, collection (multi-select).
- Verifica finale — checklist mobile/desktop/CTA/editabilità + handoff.
Hard rule editabilità (CRITICO): ogni sezione nasce 100% editabile dal theme editor — testi/immagini/link/colori sempre come settings/blocks nello schema, mai hardcoded. Le sezioni PDP includono {"type": "@app"} nei blocks per permettere di inserire Katching Bundles, subscription pickers, recensioni Judge.me/Loox dal theme editor senza toccare il liquid.
