mrkeyoor.com_
Sun 08 Nov 07:26 UTC
AI Toolsevaluationupdated 28 Sept 2026

ai-website-cloner-template review

AI Website Cloner Template is a blank Next.js application paired with an agent skill for rebuilding the visible front end of a live website. The skill makes a coding agent inspect styles, behavior, responsive states, content, and assets before it writes isolated components and compares the result with screenshots.

+434stars / 7d
Verdict

Our run pulled 889 packages and 616 MB for a 46-file template, then built it in 25 seconds with 0 known audit findings, so this is a credible agent playbook rather than a push-button cloner. Use it for an authorized front-end rebuild when a developer will supervise the browser sweep and inspect the result. Skip it if you need backend migration, accessibility verification, or a repository-supplied end-to-end test of the cloning workflow.

We ran it

Lab card: what happened when we ran ai-website-cloner-templateScreenshot of ai-website-cloner-template (dsc.gg/jcodesmore)
Install✓ · 33s889 packages · 616 MB
Build✓ · 25s
Testsn/ano test script
Known vulns00 critical · 0 high · 0 moderate · 0 low (npm audit)
Repo46 files~148 lines of source · 1.4 MB · 1 CI workflows · Dockerfile

Answers from our run

Does ai-website-cloner-template build from source?

Dependencies installed in 33 seconds (889 packages), and the build succeeded in 25 seconds. We cloned commit 0fc4dca into a clean Debian container with 3 CPUs and no project-specific setup.

Does ai-website-cloner-template have tests you can run?

Not through a standard command: the project exposes no test script or target that our harness could run.

Does ai-website-cloner-template have known vulnerabilities in its dependencies?

npm audit found none in the dependency tree at the time of our run.

Who should not use ai-website-cloner-template?

Anyone expecting a true one-command migration: the skill requires browser inspection, output planning, component specifications, builder worktrees, assembly, and visual QA.

What are the alternatives to ai-website-cloner-template?

Screenshot to Code, Bolt DIY, Firecrawl. Our run pulled 889 packages and 616 MB for a 46-file template, then built it in 25 seconds with 0 known audit findings, so this is a credible agent playbook rather than a push-button cloner.

Setup4/533-second install and 25-second build, but browser tooling is required
Docs5/5The skill specifies routes, states, assets, worktrees, and visual QA
Community4/535,398 stars, a September 27 release, and a current open PR
Maturity3/5v0.5.1 is active, but the cloning workflow has no test target

Discussed on

  1. hnAI-website-cloner-template: Clone any website using AI coding agents5 points

Who it’s for

Site owners rebuilding a property they control after losing the source or leaving a hosted builder.
Front-end developers who want a repeatable inspection and visual-diff process for agent work.
Claude Code, Codex, Cursor, or OpenCode users with browser automation connected.
Teams willing to review copied assets, generated routes, responsive behavior, and legal scope before release.

Who it’s NOT for

Anyone expecting a true one-command migration: the skill requires browser inspection, output planning, component specifications, builder worktrees, assembly, and visual QA.
Projects that need backend logic, authentication, live data, SEO work, or an accessibility audit included by default, because the skill excludes them.
Users without browser automation: the instructions say cloning cannot proceed without a connected browser tool.
Anyone reproducing a site without permission: the README rules out phishing, impersonation, copied branding, and violations of site terms.
Teams that require behavioral regression tests in the starter: our measured commit had no test script, target, or tests directory.

Setup reality

Our sandbox installed commit 0fc4dca in 33 seconds, adding 889 npm packages and using 616 MB. The production build passed in 25 seconds, and npm audit found 0 known vulnerabilities. No test script or target existed, so tests were skipped.

Actual cloning needs Node 24 or newer, a supported coding agent, and browser automation. The README recommends Claude Code with Opus 5.5, while Codex, Cursor, and OpenCode are also supported. The skill tells the agent to stop if no browser tool is connected.

The 46-file, 1.4 MB checkout is only the starting frame. A run writes screenshots, research notes, downloaded assets, routes, and components, and can dispatch parallel Git worktrees. Docker runs the generated Next.js app; it does not replace the browser inspection step.

Forty-six files hide a labor-intensive cloning workflow

Our measured checkout had 46 files, about 148 lines of source, and occupied 1.4 MB. That sounds almost too small to clone a production site because the source code is not the main product. The repository is a clean Next.js scaffold plus a long instruction set that tells an AI coding agent how to inspect a target, record its findings, divide the build, and check the result.

The /clone-website command accepts a live URL and produces a front-end reconstruction. It does not recover the target's private source code. The skill directs the agent to extract computed CSS, real text, images, video, SVGs, responsive layouts, and interactive states from the rendered page. The output uses Next.js 16, React 19, Tailwind CSS 4, and shadcn/ui.

Three viewport widths make browser automation mandatory

The skill requires inspection at 1,440 px, 768 px, and 390 px. Its full cloning procedure also tells the agent to scroll, click, hover, and wait for timed behavior before building. A static page fetch cannot reveal a sticky header threshold, a hover transition, or whether a changing panel responds to scrolling rather than clicks.

Preflight stops when Chrome, Playwright, Browserbase, Puppeteer, or another browser automation tool is unavailable. That makes the README's one-command pitch conditional: the command starts a supervised process, not a deterministic converter. A model still has to notice every state, use the browser correctly, and preserve the target's route behavior. The saved screenshots and behavior notes give a developer something concrete to audit when it misses.

What happened when we ran it

Our sandbox installed commit 0fc4dca in 33 seconds with npm. The install added 889 packages and occupied 616 MB, a large dependency footprint for a 1.4 MB checkout. The run used a fresh unprivileged Debian container with 3 CPUs, 8 GB of RAM, Node 22, and no secrets. Installation completed successfully.

The production build passed in 25 seconds. Npm audit reported 0 known vulnerabilities: 0 critical, 0 high, 0 moderate, and 0 low. Those results apply to commit 0fc4dca, which pins Next.js 16.3.5 after a dependency security fix. We did not run an agent against a live target, so the build says nothing about cloning accuracy or browser behavior.

No test script or target existed, and our repository scan found no tests directory. The harness skipped tests rather than passing them. The project did have 1 CI workflow, a Dockerfile, and a Compose file. CI runs installation, linting, type checking, and the production build, but it does not exercise /clone-website against a reference page or score a visual diff.

A 150-line spec ceiling keeps builder jobs bounded

The skill tells the coordinating agent to split a component when its specification exceeds about 150 lines. Before dispatch, every builder receives exact computed styles, text, asset paths, interaction rules, and responsive behavior. Builders work in separate Git worktrees, run TypeScript checks, and return pieces for assembly. The coordinator then builds after merges and performs desktop plus mobile comparisons against the original.

That procedure is the template's best feature. It replaces a vague request such as "copy this page" with inspectable files and bounded tasks. It also assumes the agent can delegate work and manage worktrees without damaging existing routes. If your chosen client lacks those abilities, the process becomes more manual, and the README does not provide measured fidelity results for any of the 4 supported agents.

Five product layers stay outside the default clone

Five default exclusions matter: a real backend, authentication, real-time features, SEO work, and an accessibility audit. Mock data can make a copied dashboard look convincing while its forms, permissions, search, checkout, and data lifecycle remain absent. Treat the generated project as a front-end reconstruction that still needs product engineering, not as a recovered application.

The 25-second build checks the untouched starter, not the site you later generate. Every cloned route needs its own keyboard review, responsive checks, loading and error states, and production security work. The skill does require visual QA and build verification after assembly, but visual similarity cannot prove that a form is accessible or that an account boundary is safe.

Three prohibited uses put permission ahead of fidelity

The README names 3 prohibited uses: phishing or impersonation, passing off another design as your own, and reproduction that violates site terms. The published usage limits matter because the workflow intentionally downloads real text and assets. Ownership is a setup question, not a disclaimer to consider after the clone looks good.

A sensible target is a site you own, a migration you are authorized to perform, or a page used privately for study. Logos, photographs, copy, fonts, and videos may each carry separate rights. Even with an MIT-licensed template, those downloaded materials do not inherit the template's license. Review the target's terms and your permissions before the agent saves the first asset.

v0.5.1 and a September 27 push show current maintenance

Release v0.5.1 shipped on September 27, 2026, one week after our measured commit. Its notes say Next.js was pinned at 16.3.5 and the README was updated to recommend Opus 5.5. GitHub showed 35,398 stars and 1 open item on September 28; that item was a pull request rather than a reported issue. The repository was last pushed September 27.

AI Website Cloner Template is worth using when the inspection record matters as much as the first screenshot. Its 0 audit findings and passing 25-second build make the starter easy to trust as a base. The generated site still deserves a fresh test plan, permission review, and manual comparison, because the repository has no automated result showing that one live URL becomes a faithful, functional application.

Alternatives

ProjectWhat it isPick it when
Screenshot to Code gh↗A generator that turns screenshots into HTML, Tailwind, React, or Vue code.pick this instead when you have images rather than a live site and want a shorter generation loop.
Bolt DIYA browser-based environment for prompting, running, editing, and deploying web applications.pick this instead when you want an interactive app builder rather than a source-site inspection procedure.
Firecrawl gh↗A web extraction API for turning pages and sites into structured data.pick this instead when content extraction is the job and reproducing the original interface is unnecessary.

Sources

  1. AI Website Cloner Template README
  2. Clone Website skill
  3. Inspection guide
  4. AI Website Cloner Template v0.5.1 release
  5. Measured dependency security fix
  6. AI Website Cloner Template CI workflow

More ai tools reviews

AutoRAG · MonkeyCode · grok-bot-templates · WorkDaddy · T3MP3ST · annotated_deep_learning_paper_implementations · the whole board →