web-clone
URL-driven website cloning with visual + functional verification
Best for Frontend developersWorks with GitHub
⌘source
- author
@Yeachan-Heo- language
- TypeScript
★24kstars
2kforks
Apr 19, 2026
✦overview.md
Key Features
- ·Clones live websites from URLs
- ·Replicates visual appearance and core functionality
- ·Uses Playwright for live page extraction
- ·LLM-driven code generation
- ·Iterative verification with visual scoring
- ·Single-page scope for v1
Use Cases
- →Recreating a competitor's landing page for analysis
- →Building a template based on an existing website design
- →Migrating a webpage to a new framework while preserving appearance
- →Creating a working prototype from an inspirational website
Best for
- ✓Frontend developers
- ✓Design system migration projects
- ✓Single-page replication tasks
Not ideal for
- !Multi-page websites
- !Screenshots without live URLs
- !Sites requiring authentication or payment flows
FAQs
name
web-clone
description
URL-driven website cloning with visual + functional verification
<Purpose>
Clone a target website from its URL, replicating both visual appearance and core interactive functionality. Uses Playwright MCP for live page extraction, LLM-driven code generation, and iterative verification with `$visual-verdict` for visual scoring.
</Purpose>
...<Use_When>
- User provides a target URL and wants the site replicated as working code
- User says "clone site", "clone website", "copy webpage", or "web-clone"
- Task requires both visual fidelity AND functional parity with the original
- Reference is a live URL (not a static screenshot — use
$visual-verdictfor screenshot-only tasks) </Use_When>
<Do_Not_Use_When>
- User only has screenshot references without a live URL — use
$visual-verdictdirectly - User wants to modify, redesign, or "improve" the site — use standard implementation flow
- Target requires authentication, payment flows, or backend API parity — out of scope for v1
- Multi-page / multi-route deep cloning — v1 handles single-page scope only </Do_Not_Use_When>
<Scope_Limits> v1 scope: Single page clone of the provided URL.
Included:
- Layout structure (header, nav, content areas, sidebar, footer)
$install
1-click copynpx skills add Yeachan-Heo/oh-my-codex --skill web-cloneSafety assessment
★
Clarity score
How clear and easy to understand the SKILL.md instructions are, rated from 1 to 5.
5/ 5
excellentVery clear and well structured, with almost no room for misunderstanding.
◎
Actionability score
How directly an agent can act on the SKILL.md instructions, rated from 1 to 5.
5/ 5
very highHighly actionable with clear, concrete steps that an agent can follow directly.