Cloning Websites To Weaverse

Clona un sito di riferimento in sezioni Hydrogen+Weaverse dietro un checkpoint di approvazione obbligatorio.

di Weaverse · Weaverse/shopify-hydrogen-skills

Richiede configurazione ★ 8.0/10

Cloning Websites To Weaverse — Clona un sito di riferimento in sezioni Hydrogen+Weaverse dietro un checkpoint di approvazione obbligatorio.

Cosa fa

Un workflow specifico per repo che fa scraping di un sito di riferimento con Firecrawl, costruisce un manifest dei contenuti con URL reali degli asset, e classifica ogni blocco visivo per tipo di media, composizione, meccanismo di layout e interazione prima di confrontarlo con il registro delle sezioni Weaverse già esistenti nel progetto. Blocca la decomposizione delle sezioni finché l'utente non approva esplicitamente una rotta di clone-preview renderizzata, e dà priorità al brand-guideline.md del progetto rispetto al sito live in caso di conflitto. Usalo quando cloni una pagina marketing o un brand hub in un repo Shopify Hydrogen + Weaverse esistente — non per semplici modifiche al copy.

Rapporto di test

La tabella a 15 punti dei mismatch (downgrade da video a immagine, slider mappato su grid, affiancato vs overlay) è il vero valore qui — è una checklist dei modi esatti in cui la clonazione ad hoc va storta — ma lo skill è inerte senza un repo Hydrogen+Weaverse live che contenga già .guides/brand-guideline.md, sections.md e app/weaverse/components.ts, più una connessione Firecrawl funzionante, nessuno dei quali è incluso nello skill stesso.

Testato il: 2026-07-13 · Claude Code 2.x (agent harness)

Installazione

git clone https://github.com/Weaverse/shopify-hydrogen-skills
cd shopify-hydrogen-skills
mkdir -p ~/.claude/skills
cp -r skills/cloning-websites-to-weaverse ~/.claude/skills/cloning-websites-to-weaverse

Comandi e prompt di esempio

  • /cloning-websites-to-weaverseClona un sito di riferimento in sezioni Hydrogen+Weaverse dietro un checkpoint di approvazione obbligatorio.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • Clone this reference site's landing page into our Weaverse sections
  • Scrape this website and rebuild its blocks as Hydrogen Weaverse sections
  • Match this site's visual layout against our existing section registry