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.

Back to articlesAI Coding Assistants

AI Coding Assistants

A GitHub template lets AI coding agents automatically rebuild any website into modern Next.js code by analyzing design, extracting assets, and reconstructing components in parallel.

Hacker News22h ago5 min read

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.

Summaries like this, in your inbox every morning.

3 Key Points

What happened
A reusable template for AI coding agents (such as Claude Code with Opus 4.7) has been released that automates website cloning. Users point the agent at a URL, run the /clone-website command, and the agent inspects the site, extracts design tokens and assets, writes component specifications, and rebuilds every section using parallel builder agents.
Why it matters
This approach automates the reverse-engineering of live websites into clean, modern code—useful for platform migration from legacy systems like WordPress or Webflow, recovering lost source code when the developer or original repo is unavailable, or learning how production sites implement specific layouts and interactions by studying real code.
What to watch
The template supports multiple AI coding platforms including Claude Code (recommended), Codex CLI, OpenCode, GitHub Copilot, Cursor, Windsurf, Gemini CLI, Cline, Roo Code, Continue, Amazon Q, Augment Code, and Aider. The tech stack uses Next.js 16, React 19, TypeScript strict mode, shadcn/ui with Tailwind CSS v4, and Lucide React icons.

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.

Discussion

No comments yet. Be the first to share your thoughts!

GitHub Copilot's shared AI harness matches rival model-vendor tools on task completion while using fewer tokens, letting developers mix-and-match models without sacrificing performance.

GitHub Copilot Blog4h ago

Contraband launches a VR cinema for independent and AI-made films, offering scheduled group screenings where every viewer gets the same perspective and hears a real audience.

Hacker News13h ago

Claude Code gains integration with Slack and new AI tools are reshaping how developers build applications, from design to deployment.

Ben's Bites13h ago

AI code generation has become cheap, but reviewing and verifying that code has not—and comparing tools only by model cost misses the real bottleneck for engineering teams.

Hacker News1d ago

Zeta Global is building an integrated AI marketing platform with Palantir, redesigning its data infrastructure and expanding AI tools to agency partners to compete for enterprise customers.

Yahoo Finance AI1d ago

Anthropic found that AI agents made engineers' work lonelier, forcing the company to add team-building activities—a sign of a broader morale crisis in tech as layoffs and AI anxiety spread.

Fortune AI2d ago

Stay ahead with AI news

Get curated AI news from 200+ sources delivered daily to your inbox. Free to use.

Get Started Free

Free · takes 30 seconds · unsubscribe anytime

5 minutes a day. The AI essentials.

200+ sources · Email / LINE / Slack

Get it free →