Cloning Websites To Weaverse
Clones a reference site into Hydrogen+Weaverse sections behind a mandatory approval checkpoint.
Test report
- Verdict
- Works with setup
- Score
- Tested
- Jul 13, 2026
- Environment
- Claude Code 2.x (agent harness)
- Upstream re-checked
- Aug 10, 2026 · 8cb45dc
The 15-point mismatch table (video-to-image downgrades, slider-mapped-to-grid, side-by-side vs overlay) is the actual value here — it's a checklist for the exact ways ad hoc cloning goes wrong — but the skill is inert without a live Hydrogen+Weaverse repo already containing .guides/brand-guideline.md, sections.md, and app/weaverse/components.ts, plus a working Firecrawl connection, none of which ship with the skill itself.
Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works
- Installs cleanly 4/5
- Triggers reliably 5/5
- Output vs. baseline 7/10
- Docs & honesty 4/5
What Cloning Websites To Weaverse does
A repo-specific workflow that scrapes a reference site with Firecrawl, builds a content manifest of real asset URLs, and classifies every visual block by media type, composition, layout mechanism, and interaction before matching it against the project's existing Weaverse section registry. Blocks section decomposition until the user explicitly approves a rendered clone-preview route, and defers to the project's brand-guideline.md over the live site whenever the two conflict. Use when cloning a marketing page or brand hub into an existing Shopify Hydrogen + Weaverse repo — not for copy-only tweaks.
How to install Cloning Websites To Weaverse
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
Skills live in ~/.claude/skills/ (global) or .claude/skills/
(per-project). Restart Claude Code after installing.
Commands — how to trigger Cloning Websites To Weaverse
-
/cloning-websites-to-weaverseClones a reference site into Hydrogen+Weaverse sections behind a mandatory approval checkpoint.
It also activates on plain-language prompts like these:
-
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
Frequently asked questions
- Is the Cloning Websites To Weaverse skill free?
- Yes. The skill itself is free from Weaverse/shopify-hydrogen-skills. SkillProof publishes the install command and an independent test verdict at no cost.
- Does Cloning Websites To Weaverse work with Claude Code?
- We tested it with Claude Code 2.x (agent harness) on Jul 13, 2026. Verdict: Works with setup. The 15-point mismatch table (video-to-image downgrades, slider-mapped-to-grid, side-by-side vs overlay) is the actual value here — it's a checklist for the exact ways ad hoc cloning goes wrong — but the skill is inert without a live Hydrogen+Weaverse repo already containing .guides/brand-guideline.md, sections.md, and app/weaverse/components.ts, plus a working Firecrawl connection, none of which ship with the skill itself.
- What is the Cloning Websites To Weaverse SkillProof Score?
- 8.0/10 — installs cleanly 4/5, triggers reliably 5/5, output vs. baseline 7/10, docs & honesty 4/5.
- How do I install Cloning Websites To Weaverse?
- Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
- Can I use Cloning Websites To Weaverse with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
- The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.