Cloning Websites To Weaverse

Klont eine Referenzseite in Hydrogen+Weaverse-Sections hinter einem verpflichtenden Freigabe-Checkpoint.

von Weaverse · Weaverse/shopify-hydrogen-skills

Funktioniert mit Setup ★ 8.0/10

Cloning Websites To Weaverse — Klont eine Referenzseite in Hydrogen+Weaverse-Sections hinter einem verpflichtenden Freigabe-Checkpoint.

Was es kann

Ein repo-spezifischer Workflow, der eine Referenzseite mit Firecrawl scrapt, ein Content-Manifest echter Asset-URLs aufbaut und jeden visuellen Block nach Medientyp, Komposition, Layout-Mechanismus und Interaktion klassifiziert, bevor er ihn gegen die bestehende Weaverse-Section-Registry des Projekts abgleicht. Blockiert die Section-Zerlegung, bis der User eine gerenderte Clone-Preview-Route ausdrücklich freigibt, und bevorzugt die brand-guideline.md des Projekts gegenüber der Live-Seite, wo immer beide widersprechen. Nutzen beim Klonen einer Marketing-Seite oder Brand-Hub in ein bestehendes Shopify-Hydrogen-+-Weaverse-Repo — nicht für reine Text-Anpassungen.

Testbericht

Die 15-Punkte-Mismatch-Tabelle (Video-zu-Bild-Downgrades, Slider-auf-Grid-gemappt, Nebeneinander vs. Overlay) ist hier der eigentliche Wert — eine Checkliste für genau die Arten, in denen ad-hoc-Klonen schiefgeht — aber der Skill ist ohne ein lebendes Hydrogen+Weaverse-Repo, das bereits .guides/brand-guideline.md, sections.md und app/weaverse/components.ts enthält, plus eine funktionierende Firecrawl-Verbindung, wirkungslos, nichts davon liefert der Skill selbst mit.

Getestet am: 2026-07-13 · Claude Code 2.x (agent harness)

Installation

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

Befehle & Beispiel-Prompts

  • /cloning-websites-to-weaverseKlont eine Referenzseite in Hydrogen+Weaverse-Sections hinter einem verpflichtenden Freigabe-Checkpoint.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • 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