Clone Website

Clone Website is a Frontend skill for Claude Code, published by JCodesMore in ai-website-cloner-template.

31.9K stars4.6K forkson JCodesMore/ai-website-cloner-templateAdded 2026/08/14Repository updated 2026/08/13

aiai-agentsai-toolsautomationboilerplateclaudeclaude-codeclonedeveloper-toolsnextjsreactreverse-engineeringshadcn-uiskillstailwindcsstemplatetypescriptweb-scrapingwebsite-clone

Install in seconds

Install Clone Website

Copy Clone Website into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/JCodesMore/ai-website-cloner-template/tree/master/.cline/skills/clone-website ~/.claude/skills/clone-website

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/JCodesMore/ai-website-cloner-template.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .cline/skills/clone-website/SKILL.md in JCodesMore/ai-website-cloner-template
Installs to: ~/.claude/skills/clone-website
Collection: One of 2 skills cataloged from this repository
Category: Frontend — 567 skills

What Clone Website does

Clone Website reverse-engineers one or more target URLs into pixel-perfect Next.js clones using browser automation. Use it to produce faithful replicas of layouts, styles, interactions, and assets.

Clone Website is cataloged under Frontend on DirSkills. Clone Website comes from a repository tagged ai, ai-agents, ai-tools, automation and boilerplate.

Documentation

README

Excerpt

Clone Website

You are about to reverse-engineer and rebuild the target URL or URLs provided by the user as pixel-perfect clones.

When multiple URLs are provided, preserve every pathname as a distinct route and isolate each target's research, screenshots, components, and assets. URLs that differ only by query string or fragment share a pathname, so resolve their route and state behavior explicitly in the output plan. Parallelize page work only after the shared foundation and output plan are fixed so concurrent builders cannot overwrite one another.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Clone Website

What else does JCodesMore publish alongside Clone Website?
Clone Website is one of 2 skills that DirSkills catalogs from JCodesMore/ai-website-cloner-template, the repository it ships in. Its siblings there include Clone Website. Each one is a separate skill with its own page in this directory, installs the same way Clone Website does, and is maintained by JCodesMore in that same repository. The rest of the collection is listed on the JCodesMore/ai-website-cloner-template page.
How does Clone Website compare to other Frontend skills?
Clone Website ranks #69 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Clone Website against them. Open each page to compare what they document and how they install.