HomeProjectsArticlesPK BoardAbout
Explore Projects

AI Website Cloner

Active
GitHub JavaScript MIT

Description

Clone any website with one command using AI coding agents. Built with Next.js, React, and shadcn-ui with web scraping and automated code generation.

Key Features

  • Clone any website with one command — auto-screenshots, extracts design tokens, generates component specs, and builds a Next.js codebase
  • Multi-phase pipeline: Recon → Foundation → Component Specs → Parallel Build → Assembly & QA for structured engineering workflow
  • Supports 13 AI coding agents including Claude Code, Codex CLI, Cursor, Copilot, and more
  • Modern tech stack built on Next.js 16, React 19, shadcn/ui, and Tailwind CSS v4
  • Parallel build: dispatches multiple builder agents in Git worktrees to build components simultaneously

Use Cases

💡 Migrating WordPress/Webflow/Squarespace websites to a modern Next.js codebase
💡 Recovering source-code-lost live websites by rebuilding code in modern formats
💡 Learning how production sites implement layouts, animations, and responsive behavior through real code
💡 Quickly cloning competitor website structures for prototype validation and product design reference

Strengths & Limitations

✅ Strengths

  • • Actively maintained, recent updates
  • • High community interest (33.7k stars)
  • • Permissive open-source license (MIT)
  • • Responsive to issues, low backlog

Tags

typescript agent coding automation tools web

Categories

🔄 Workflow

Quick Start

Click Use this template on GitHub to create your own repository; clone locally and run npm install; launch an AI coding agent (recommended: claude --chrome); run /clone-website <target-url> in the agent and wait for the multi-phase pipeline to auto-complete the website clone and build.
Visit GitHub

Related Projects

Hyperframes

43.7k · TypeScript
Active A+

Write HTML. Render video. Built for agents. An open-source tool from HeyGen that turns HTML templates into video content.

typescriptagentautomation +2
  • · HTML to video rendering — deterministically renders HTML/CSS/JS templates into MP4 videos
  • · AI Agent integration — provides Skills for Claude Code, Cursor and other coding agents to generate videos directly
  • · Searchable animation support — integrates GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI animation libraries
View full details → View on GitHub

Planning with Files

26.6k · Shell
Active A+

Claude Code skill implementing Manus-style persistent markdown planning — the structured workflow pattern for agent task management.

agentworkflowcoding +2
  • · Manus-style markdown planning — decompose agent tasks into structured plans in persistent markdown files
  • · Cross-session task persistence — plan files survive across sessions, agents resume anytime
  • · Plan file locking mechanism — atomic writes and flock mutex to prevent concurrency conflicts
View full details → View on GitHub

Budibase

28.3k · TypeScript
Active A

An open-source low-code platform for building AI agents, automations and business applications, model agnostic with drag-and-drop visual development.

workflowtypescriptagent +2
  • · AI Agent builder — Built-in agent engine that understands natural language requests and executes workflows
  • · Drag-and-drop low-code development — Visual business app builder requiring no code
  • · Multi-source integration — Connect databases, AI models, and business apps for cross-system agent actions
View full details → View on GitHub