(And it's 100% free and open-source)
Everyone tries to clone sites by grabbing screenshots and hoping for the best.
That barely gets you halfway there.
This new skill changes everything.
---
𝗧𝗵𝗲 𝗽𝗿𝗼𝗯𝗹𝗲𝗺 𝘄𝗶𝘁𝗵 𝗺𝗼𝘀𝘁 𝘀𝗶𝘁𝗲 𝗰𝗹𝗼𝗻𝗶𝗻𝗴 𝗮𝘁𝘁𝗲𝗺𝗽𝘁𝘀:
You screenshot a website.
You paste it into AI.
You get back a vague, broken copy.
Then you spend hours fixing fonts.
Guessing colors.
Faking animations from memory.
Why? Because screenshots don't give AI the real story.
→ No font names. Just pixels.
→ No component logic. Just images.
→ No live code. Just a static guess.
You're asking AI to rebuild a house from a photo of the front door.
---
𝗧𝗵𝗲 𝘀𝗼𝗹𝘂𝘁𝗶𝗼𝗻: 𝗖𝗵𝗿𝗼𝗺𝗲 𝗠𝗖𝗣 + 𝗖𝗹𝗮𝘂𝗱𝗲 𝗖𝗼𝗱𝗲
This skill directs Claude Code's Chrome MCP straight to the source.
It pulls live assets and code directly from the target website.
No more guessing. No more eyeballing. No more faking.
---
𝗛𝗲𝗿𝗲'𝘀 𝘁𝗵𝗲 𝗲𝘅𝗮𝗰𝘁 𝗽𝗿𝗼𝗰𝗲𝘀𝘀:
#1 → Opens Chrome MCP and navigates directly to the target site
#2 → Extracts fonts, colors, layouts, and visual patterns (+ screenshots)
#3 → Builds the clone's core structure from that real data
#4 → Deploys parallel agents to clone separate sections simultaneously
#5 → Reviews all agent code, merges everything, and finalizes the clone
One prompt. A fully cloned website.
Not a rough sketch. The real thing.
---
𝗪𝗵𝘆 𝘁𝗵𝗶𝘀 𝗮𝗰𝘁𝘂𝗮𝗹𝗹𝘆 𝘄𝗼𝗿𝗸𝘀:
Most AI tools operate on surface-level context.
This skill gives Claude the deep context it needs:
→ Exact font names (not guesses)
→ Precise component sizes (not eyeballed)
→ Real animations and transitions (not faked)
AI is input → output.
Better context = better clone.
It's not about prompting harder. It's about feeding AI the RIGHT data.
---
𝗛𝗼𝘄 𝘁𝗼 𝗴𝗲𝘁 𝘀𝘁𝗮𝗿𝘁𝗲𝗱:
Step 1 → Clone the repo:
Step 2 → Open Claude terminal and type:
/clone-website <url>
That's it.
No setup nightmare. No API fees. No tech background needed.
---
📸 Credit: @DataChaz