AI agents auto-convert websites to Next.js code

Key takeaway

• A new GitHub template automates website cloning by dispatching AI coding agents to inspect a live site, extract its design system and assets, and rebuild it as production-ready Next.js code.

• The tool handles design token extraction, multi-state component specifications, and responsive layout reconstruction in parallel—useful for developers migrating from legacy platforms, recovering lost codebases, or studying how real production sites are built.

3 Key Points

FAQ

Which AI coding agents are supported?

Claude Code with Opus 4.7 is recommended, but the template also works with Codex CLI, OpenCode, GitHub Copilot, Cursor, Windsurf, Gemini CLI, Cline, Roo Code, Continue, Amazon Q, Augment Code, and Aider.

What does the /clone-website command do?

It runs a multi-phase pipeline: reconnaissance (screenshots, design token extraction, interaction testing), foundation (updating fonts, colors, downloading assets), component specs (writing detailed specification files with exact CSS values and behaviors), parallel build (dispatching builder agents to reconstruct each section), and assembly with visual diff verification against the original.

What are the stated use cases?

Platform migration (rebuilding sites from WordPress, Webflow, or Squarespace into modern Next.js), recovering lost source code when the repository is unavailable or the developer has left, and learning by deconstructing how production sites achieve specific layouts, animations, and responsive behavior.