skills.rest
samibajwaisking
samibajwaiskingCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

website-cloner

Generate self-contained HTML/CSS/JS clones of public websites from URLs.

16|3|Updated May 3, 2026
Search Tags:#html generation#web development#responsive design#website cloning#css conversion#gsap conversion#tailwind conversion
One-click install
npx skills add https://github.com/samibajwaisking/website-cloner --skill website-cloner-samibajwaisking
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: website-cloner
Source: https://github.com/samibajwaisking/website-cloner/tree/main
Command: npx skills add https://github.com/samibajwaisking/website-cloner --skill website-cloner-samibajwaisking

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manually recreating website designs is time-consuming, and capturing exact layouts, animations, and responsive behavior without access to original source code is difficult. This skill automates the entire cloning process to produce ready-to-use website replicas.

Core Features & Use Cases

  • Full page or section cloning: Replicate an entire website or isolate specific sections like navbars, hero sections, pricing tables, or footers from any public URL.
  • Dependency conversion: Automatically converts complex dependencies including GSAP animations and compiled Tailwind CSS to pure vanilla CSS/JS with no build tools required.
  • Use case: Recreate a SaaS landing page design for a personal portfolio project, or extract a pricing section from a competitor site for design inspiration, without writing code from scratch.

Quick Start

Ask Claude to clone the website you want to replicate, providing the target URL and any specific section you need, and it will generate a complete, mobile-responsive HTML file you can open directly in your browser.

Frequently Asked Questions about website-cloner

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I clone a website into a self-contained HTML file without source code?▼

Yes, you can extract specific UI sections like navbars, hero sections, pricing tables, or footers. By providing the target URL and specifying the section needed, the tool isolates and replicates that component into a standalone HTML file.

Does website cloning convert compiled Tailwind CSS and GSAP animations to vanilla code?▼

Yes, the generated website clone produces mobile-responsive output. The automated HTML replication process ensures the layout adapts correctly across different screen sizes while maintaining pixel-accurate layout fidelity.

What is the best way to replicate a SaaS landing page for design inspiration?▼

The best way to replicate a SaaS landing page for design inspiration is to use automated website cloning. It generates a ready-to-use, self-contained HTML replica of the target URL, allowing you to study and adapt the design without writing code from scratch.

Do I need any external dependencies or build tools to use the cloned HTML file?▼

Yes, you can extract specific UI sections like navbars, hero sections, pricing tables, or footers. By providing the target URL and specifying the section needed, the tool isolates and replicates that component into a standalone HTML file.

Related Skills

Explore More Software Engineering Skills→
wmasfoewmasfoe

web-clone

Clone a target URL into a pixel-faithful single-page replica with Playwright MCP verification.

Community
Advanced
zephyrwang6zephyrwang6
14

space-image2proto

Convert UI screenshots, mockups, and wireframes into single-file HTML prototypes.

Community
Advanced
8b-is8b-is

frontend-design

Generate production-ready HTML/CSS/JS frontend interfaces with cohesive visual direction.

Official
Intermediate
Eng0AIEng0AI
15

gsap-awwwards-website

Build a React 19 landing page with GSAP scroll animations and Tailwind CSS 4.

Official
Advanced