JCodesMore/ai-website-cloner-template

What it solves

This project provides a structured environment for AI coding agents to recreate existing websites as modern, clean Next.js applications. It is designed to help users migrate legacy sites, recover lost source code, or deconstruct production-grade layouts and animations for learning purposes.

How it works

It uses a specialized agent skill (/clone-website) that guides an AI agent through a four-step process: mapping the source site's structure, observing its design and assets across different devices, building the site using Next.js and Tailwind CSS, and comparing the result against the original to ensure visual and functional fidelity.

Who it’s for

Developers and designers who want to leverage AI agents (such as Claude Code, Cursor, or OpenCode) to automate the tedious process of rebuilding websites into a modern, maintainable React-based stack.

Highlights

• Agent-First Workflow: Includes a dedicated skill definition that allows agents to execute the cloning process via a simple command.
• Modern Tech Stack: Outputs code using Next.js 16, React 19, TypeScript, and Tailwind CSS v4.
• Structured Output: Organizes assets, components, and research documentation into a clean, modular project structure.
• Verification Tools: Includes built-in commands for linting, type-checking, and production builds to ensure the cloned site is high-quality.