Cloning Websites To Weaverse

Kloont een referentiesite naar Hydrogen+Weaverse-secties achter een verplicht goedkeuringspunt.

Door Weaverse · Weaverse/shopify-hydrogen-skills

Werkt met setup ★ 8.0/10

Cloning Websites To Weaverse — Kloont een referentiesite naar Hydrogen+Weaverse-secties achter een verplicht goedkeuringspunt.

Wat het doet

Een repo-specifieke workflow die een referentiesite scraped met Firecrawl, een contentmanifest van echte asset-URL's opbouwt, en elk visueel blok classificeert op mediatype, compositie, layoutmechanisme en interactie voordat hij het matcht tegen het bestaande Weaverse-sectieregister van het project. Blokkeert sectiedecompositie totdat de gebruiker expliciet een gerenderde clone-previewroute goedkeurt, en geeft voorrang aan het brand-guideline.md van het project boven de live site wanneer die twee botsen. Gebruik dit bij het klonen van een marketingpagina of brand hub naar een bestaande Shopify Hydrogen + Weaverse-repo — niet voor pure copy-aanpassingen.

Testrapport

De mismatch-tabel met 15 punten (video-naar-afbeelding-downgrades, slider gemapt naar grid, side-by-side vs. overlay) is hier de eigenlijke waarde — het is een checklist voor de exacte manieren waarop ad-hoc klonen misgaat — maar de skill is inert zonder een live Hydrogen+Weaverse-repo die al .guides/brand-guideline.md, sections.md en app/weaverse/components.ts bevat, plus een werkende Firecrawl-verbinding, waarvan niets met de skill zelf wordt meegeleverd.

Getest op: 2026-07-13 · Claude Code 2.x (agent harness)

Installatie

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

Commando's en voorbeeldprompts

  • /cloning-websites-to-weaverseKloont een referentiesite naar Hydrogen+Weaverse-secties achter een verplicht goedkeuringspunt.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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