OpenViSTAI · Agents · Blockchain · Crypto
Submit a project
Menu
Coding Agents

AI Website Cloner Template

AI Website Cloner Template is an MIT-licensed TypeScript repository template that uses supported AI coding agents to inspect a website URL and recreate the site as a Next.js application. Its workflow gathers screenshots, design tokens, interaction states and assets, writes component specifications, builds sections in parallel worktrees, and performs visual comparison during assembly.

Explore the practical guide ↓

Independent OpenViST project profile, based on linked sources.

AI Website Cloner Template — OpenViST project profile in Coding Agents.
OpenViST project illustration. See the linked sources for product details.
Understand the project

Practical overview

When it fits

Use it when the target website can legitimately be inspected and recreated and the intended output is a Next.js application. The workflow is especially relevant for migrations, source-code recovery and structured frontend prototyping.

Who it is for

  • Developers migrating sites they own from platforms such as WordPress, Webflow or Squarespace
  • Teams recovering a modern codebase from a live site when the original source is unavailable
  • Learners studying production website layouts, animations and responsive behavior
  • Teams evaluating AI coding agents on website recreation tasks

Documented uses

  • Prepare a Next.js and React project from a website reference
  • Extract layout, styling, assets and interaction details into implementation specifications
  • Generate a starting point for rebuilding a site in a modern TypeScript codebase
  • Compare the assembled result visually with the reference site
Before you choose

Requirements & limits

The repository is public and lists an MIT license. The documented prerequisites are Node.js 24 or later and a supported AI coding agent. No pricing or account requirement for the primary workflow is specified.

  • The documented output is a Next.js application using App Router, React 19 and strict TypeScript.
  • The supported agent environments are Claude Code, Codex CLI, OpenCode and Cursor; Claude Code with Opus 5.5 is identified as recommended.
  • Browser access is required for the cloning stage.
  • The workflow includes asset downloading, interaction inspection and visual comparison rather than only static markup generation.
  • An alternative frontend output target is not documented and would require modification.

Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.

Source-based practical guide

Set up the website-cloning template

Prepare a standalone project and check its dependencies before cloning a website.

Before you start

  • Node.js 24 or later
  • Claude Code, Codex CLI, OpenCode or Cursor
  • An AI coding agent with browser access for the later cloning stage

Steps

  1. Create a copy from the GitHub template or ask the coding agent to clone the repository into a new folder.

  2. Remove the copied project's origin remote when using the README's recommended setup prompt.

  3. Install the project dependencies.

  4. Run npm run check and leave the project ready for a cloning task.

Expected outcome

A standalone Next.js template project prepared for the documented /clone-website workflow.

Guide limitations

  • This setup recipe does not document deployment or the result of cloning a particular target.
  • Another frontend output format is not documented and would require modification.
Documentation 1 ↗
Source-based practical guide

Start a documented website recreation task

Give a supported AI coding agent a website URL for the template's cloning workflow.

Before you start

  • A prepared template project
  • Claude Code, Codex CLI, OpenCode or Cursor
  • Browser access enabled in the agent
  • A website URL

Steps

  1. Open the prepared project in the coding agent.

  2. Run /clone-website followed by the target URL, such as /clone-website https://example.com.

  3. Wait for the agent to perform the documented reconnaissance, foundation, specification, build and assembly stages.

  4. Ask the agent for further changes after the site has been built.

Expected outcome

The agent is instructed to recreate the referenced site as a Next.js application and can then receive requested changes.

Guide limitations

  • The README does not provide a compatibility guarantee for every target website.
  • Use must respect the target site's ownership, reproduction rights and terms of service.
Documentation 1 ↗
COMPARE OPTIONS

Compare options for AI coding assistance

These projects document a common task and share a project role. This is a source-based comparison, not an execution benchmark or a guarantee of interchangeability.

ProjectDocumented purposePlatformAccess and requirements
AI Website Cloner TemplatePrepare a Next.js and React project from a website referenceCLI, Self-hostedThe repository is public and lists an MIT license. The documented prerequisites are Node.js 24 or later and a supported AI coding agent. No pricing or account requirement for the primary workflow is specified.
SpectraClarify requirements and compare approaches before proposing a change.CLI, DesktopThe README lists a macOS and Windows desktop app, and a Homebrew installation for macOS. The CLI is published through npm and requires Node.js 22.14 or newer.
Skills — michaelshimelesInstall reusable task-specific skills into a coding-agent setup.CLIThe repository README provides an npx installation command for most coding agents and describes automatic or explicit skill invocation in Claude Code.
Evidence and transparency

Sources & review

Official repository ↗
Source record details
Source availability
Active
Sources checked
2 October 2026
Original website title
JCodesMore/ai-website-cloner-template · Official homepage title · retained in its source language
How we review sourcesSuggest a correction