This is the nuclear option for website cloning. It doesn't just grab HTML, it spins up parallel builder agents in worktrees while simultaneously extracting computed styles, animations, scroll behaviors, and layered assets from live pages via browser automation. The prompts are obsessive about completeness: it documents not just what elements look like but how they behave, distinguishing between click-driven tabs and scroll-triggered ones, capturing transition timing, even tracking down background layers most clones miss. Use it when "view source" won't cut it and you need a pixel-perfect rebuild that actually feels like the original. Requires browser MCP tools and a Next.js scaffold ready to go.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
24
skills.sh installs
1.9K
GitHub stars
38.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add jcodesmore/ai-website-cloner-template --skill clone-website --agent claude-code

Installs into .claude/skills of the current project.

Files

Clone a website

Recreate the supplied pages in the current app. Match the source before adding a new design direction. Deliver working, editable code: screenshots, iframes, and downloaded production bundles are references, not the implementation.

1. Map the work

Read project instructions, the actual framework/scripts, and existing routes. Open the source URLs with the available browser. Prefer direct HTTP, asset tools, or APIs for extraction when practical; use the browser to establish appearance and behavior.

Record a short source-to-local route map and the files each page owns. Follow the app's conventions; in this template use src/app/, src/components/sites/<site>/, public/sites/<site>/, and docs/research/<site>/. Give origins, pages, and downloads distinct names; add a port or URL hash when readable names collide.

Sponsors

Details

Repository
github.com/jcodesmore/ai-website-cloner-template
Categories
Frontend Development, AI & Agent Building, Automation & Workflows
First seen
Jun 3, 2026
1adobe avatarscrape-webpageadobe/skillsUse this when the page-import pipeline needs to fetch a source webpage and prepare it for import/migration to AEM Edge Delivery Services. Covers scraping conten1.8Kskills.sh installs
2steel-dev avatarsteel-browsersteel-dev/cliUse this skill for any web task where WebFetch or curl would fail or be insufficient — pages that require JavaScript to render, forms to fill and submit, screen1.8Kskills.sh installs
3mindrally avatarscss-best-practicesmindrally/skillsSCSS/Sassy CSS best practices and coding guidelines for maintainable, scalable stylesheets1.7Kskills.sh installs
4jezweb avatarelevenlabs-agentsjezweb/claude-skillsBuild conversational AI voice agents on the ElevenLabs platform. Configure agent + tools + knowledge base, integrate SDK (React / React Native / Swift / JS / se1.7Kskills.sh installs
5julianobarbosa avatarmarkitdownjulianobarbosa/claude-code-skillsGuide for using Microsoft MarkItDown - a Python utility for converting files to Markdown. Use when converting PDF, Word, PowerPoint, Excel, images, audio, HTML,1.7Kskills.sh installs
6adobe avatarbuilding-blocksadobe/skillsUse this when implementing code changes in AEM Edge Delivery Services (EDS, Franklin, Helix), whether new or modified blocks, core functionality (scripts.js, st1.7Kskills.sh installs