🌐 Website Cloner — Claude AI Skill

Clone any website into a complete, self-contained HTML/CSS/JS file using Claude AI.
Built & maintained by Sami Bajwa · AI Educator & Digital Architect · 🇵🇰 Pakistan

---

⚠️ MANDATORY TERMS — READ BEFORE USING

This repository is protected under a Custom Attribution License (CAL-1.0 by Sami Bajwa).

By using, forking, cloning, downloading, or copying ANY part of this repository, you automatically agree to and MUST comply with ALL of the following — no exceptions, no workarounds:

#	Requirement	How to Comply
1	⭐ Star this repository	Click the ⭐ Star button at the top of this page
2	👤 Follow the author on GitHub	Follow @samibajwaisking
3	📛 Visible credit in every project	Add the credit block (see below) to your project
4	🔗 Link back to this repo	Include https://github.com/samibajwaisking/website-cloner
5	🚫 No reselling or rebranding	You may NOT sell, rebrand, or redistribute as your own
6	📩 No commercial use without permission	Contact via WhatsApp first

🚨 Non-compliance = Copyright Infringement.
Violations will be reported to GitHub Trust & Safety and DMCA takedown notices will be filed immediately.
This skill and all its contents are © 2026 Sami Bajwa. All rights reserved.

---

📛 Required Credit Block

Every project, website, tool, portfolio, or product built using this skill MUST display this credit block — either in the HTML comments or visibly in the UI:

<!-- 
  ================================================
  Website Cloner Skill — © 2026 Sami Bajwa
  ================================================
  Author   : Sami Bajwa
  Website  : https://samioutic.com
  GitHub   : https://github.com/samibajwaisking
  Instagram: @samibajwaisking
  WhatsApp : +92 325 8948738
  ================================================
  This project was built using the Website Cloner
  Skill created by Sami Bajwa. Using this skill
  without proper credit is a copyright violation
  and will be subject to DMCA action.
  ================================================
-->

---

👤 About the Author

Sami Bajwa — AI Educator · Digital Architect · Entrepreneur 📍 Sargodha, Pakistan 🇵🇰 🤖 160+ free AI books — published for Pakistanis at zero cost 🏅 4+ Anthropic Academy certifications (Claude 101, Agent Skills, Claude Code in Action, AI Fluency) 🌏 International experience — Learning Enterprises Organization UK Ltd., Malaysia 🏢 3 businesses running — Zam Zam Gas, Zam Zam Dairy, Daily Bright 📚 2,000+ students across Pakistan, Bangladesh, Nepal & India

Platform	Link
🌐 Website	samioutic.com
📘 Facebook	@samibajwaisking
📸 Instagram	@samibajwaisking
🧵 Threads	@samibajwaisking
✖️ X / Twitter	@samibajwa106
💬 WhatsApp	+92 325 8948738
📚 Free Books	Join WhatsApp Channel

---

🚀 What is This Skill?

The Website Cloner is a Claude AI Skill that turns any public URL into a complete, self-contained .html file — pixel-perfect, mobile responsive, no dependencies.

What gets cloned:

Feature	Details
🎨 Design	Exact colors, fonts, spacing, border-radius
📐 Layout	Header, hero, sections, footer — all replicated
✨ Animations	Hover effects, transitions, scroll reveals, counters
📱 Responsive	Mobile + tablet breakpoints included
⚡ JavaScript	Navigation, sliders, forms, modals — all functional
🖼️ Images	Original CDN URLs or smart placeholders
📦 Output	Single .html file — open in any browser, no server needed

---

📦 Repository Structure

website-cloner/
├── README.md                    ← This file — license, install, usage
├── LICENSE                      ← Custom Attribution License (full legal text)
├── SKILL.md                     ← The raw Claude AI skill (copy-paste to Claude)
├── CONTRIBUTING.md              ← How to contribute (rules apply)
├── skill/
│   └── website-cloner.skill     ← Packaged skill file — install directly in Claude.ai
└── examples/
    ├── samioutic-clone.html     ← Live example: samioutic.com cloned
    └── EXAMPLES.md              ← More example outputs & screenshots

---

⚙️ Installation — 2 Methods

✅ Method 1: Install .skill File (Recommended — 1 click)

1. Download skill/website-cloner.skill from this repo
2. Open Claude.ai → click your profile → Settings
3. Go to Skills tab → click Upload Skill
4. Select website-cloner.skill → Save
5. ✅ Active in all conversations instantly

✅ Method 2: Manual Copy

1. Open SKILL.md from this repo
2. Copy all contents
3. In Claude.ai → Settings → Skills → Create New Skill
4. Paste and save

---

💬 Usage

Once installed, simply type in Claude:

Clone this website: https://example.com

That's it. Claude will:

1. Fetch and fully analyze the target website
2. Extract colors, fonts, layout, sections, interactions
3. Produce a complete pixel-perfect clone
4. Deliver a ready-to-download .html file

More usage examples:

Clone this website: https://stripe.com
Make a clone of: https://linear.app
Replicate the design of: https://vercel.com
Copy this website template: https://mysite.com

---

🖥️ Live Example

Open examples/samioutic-clone.html in any browser — this is a real clone of samioutic.com produced by this skill:

• Dark theme with purple gradients
• Typewriter hero animation
• Animated stat counters
• 20-photo gallery with lightbox
• 17 service cards
• Working contact form → WhatsApp integration
• Fully mobile responsive

---

🤝 Contributing

Pull requests are welcome, but only if you:

1. ⭐ Star this repository first
2. 👤 Follow @samibajwaisking
3. Credit Sami Bajwa in your PR description
4. Read CONTRIBUTING.md

---

📄 License

Custom Attribution License — © 2026 Sami Bajwa

This is NOT MIT. This is NOT open source. This is a custom license requiring mandatory attribution, a GitHub star, and a follow.

See LICENSE for complete legal terms.

TLDR: Use it → Star it + Follow + Credit. Violate → DMCA.

---

⭐ Support This Project

If this helped you, please:

• ⭐ Star this repo (takes 1 second, required)
• 👤 Follow @samibajwaisking (required)
• 📣 Share with your developer community
• 📚 Get free AI books from Sami's WhatsApp channel

---

© 2026 Sami Bajwa · All Rights Reserved

Made with ❤️ in Pakistan 🇵🇰

samioutic.com · @samibajwaisking

"Making AI accessible for every Pakistani — completely free."

# Advanced Website Cloner for Claude (v2.0)

An elite-level tool designed for Claude to extract, de-compile, and

refactor any website into clean, production-ready Vanilla code.

What's New in v2.0? (The "Required" Update)

This version introduces cutting-edge automation logic to handle modern,

complex front-end frameworks without external libraries.

Key Features:

• GSAP to Vanilla CSS Engine: Automatically converts complex GSAP

(GreenSock) animations into native CSS animations and

IntersectionObserver triggers.

• Tailwind De-compiler: Scans and converts compiled Tailwind utility

classes into semantic, readable Vanilla CSS.

• Precision Section Cloning: Need just the Navbar? Or a specific

Pricing Table? Use granular commands like: *"Clone only the hero section

from [URL]"*.

• Zero-Dependency Output: No more bloated JS files. The output is

lightweight, fast, and works in any browser instantly.

🛠 How to Use

1. Download or copy the website-cloner-skill.json file.

2. Import it into your Claude Project or System Prompt.

3. Command: Clone [URL] or Extract [Section] from [URL].

Technical Philosophy

Building for speed and simplicity. By eliminating the build step and

external dependencies, this tool ensures the cloned code is as clean as

a hand-written masterpiece.

---

Developed by Samioutic