gitwtfhub

wtf is clone-any-website-skill?

promptwhisper/clone-any-website-skill — explained in plain English

Analysis updated 2026-05-18

58PythonAudience · developerComplexity · 3/5LicenseSetup · easy

TL;DR

A Codex skill that guides an AI coding assistant through rebuilding a public website as clean original code, with structured visual and interaction QA.

Mindmap

mindmap
  root((Clone Website Skill))
    What it does
      Guides Codex to rebuild sites
      Produces clean source code
      Not a copier
    Tech stack
      Python
      Three.js
      Pixi.js
      Codex Skill
    Workflow
      Stack triage
      Interaction discovery
      Spec driven rebuild
      Visual QA
    Scope
      Public sites only
      No bypassing access controls
    Audience
      Developers
      Codex users

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Guide Codex to rebuild a public website as a clean, maintainable local project.

REASON 2

Reconstruct interactive Three.js or Pixi.js scenes as original source code.

REASON 3

Rebuild a video heavy landing page frame by frame from MP4, WebM, or HLS content.

REASON 4

Validate a rebuilt site with automated screenshot and interaction comparisons.

What's in the stack?

PythonCodex SkillThree.jsPixi.js

How it stacks up

promptwhisper/clone-any-website-skillamazinghorseli/rednote-insightelacuesta/scrapy-pyppeteer
Stars585858
LanguagePythonPythonPython
Last pushed2021-02-26
MaintenanceDormant
Setup difficultyeasymoderatemoderate
Complexity3/53/53/5
Audiencedeveloperpm founderdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

Only intended for public websites, does not bypass authentication, payment, or access controls.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice, under the MIT license.

Wtf does this do

This project is a skill for the Codex coding assistant that guides it through rebuilding a public website as a clean, maintainable project instead of just copying the original files. Rather than performing the work itself, the repository provides structured instructions and reference documents that Codex reads and follows step by step when a user asks it to recreate a site. The workflow covers deciding what kind of technology stack the target site uses, whether it is a normal DOM based page, a Three.js 3D scene, a Pixi.js or Canvas2D animation, or a video heavy landing page. It then covers capturing how the site looks and behaves across different browser states and screen sizes, figuring out how users are meant to interact with it through scrolling, clicking, hovering, or time based animation, and writing that understanding down as a specification before rebuilding the page. It also covers mirroring static assets like images locally, frame aligned reconstruction of MP4, WebM, or HLS video content, and looking at a site's existing code bundle only as a reference for how it behaves, not to copy it directly. After rebuilding, the skill checks the result with screenshot comparisons, interaction testing, network behavior checks, and build and deployment validation. The README is explicit that this workflow is meant for public targets only, and that it should not be used to bypass authentication, payment systems, access controls, or other technical restrictions. The goal is to reimplement a site's visible behavior as original source code, not to redistribute or repackage the original compiled application. To install it, you clone the repository and create a symbolic link into your Codex skills folder, then restart Codex. You can trigger it with an explicit command naming the skill, or with natural requests like asking it to clone an interactive Three.js page or rebuild a video landing page frame by frame. The repository includes detailed reference documents for each technology area, research templates, and a Python script that compares screenshots and reports pixel level differences. It is released under the MIT license.

Yoink these prompts

Prompt 1
Use clone-any-website to rebuild this public landing page as a clean local project.
Prompt 2
Show me how to install this Codex skill and link it into my skills directory.
Prompt 3
Clone this interactive Three.js page using the clone-any-website skill.
Prompt 4
Explain how the screenshot comparator script measures pixel differences after a rebuild.

Frequently asked questions

wtf is clone-any-website-skill?

A Codex skill that guides an AI coding assistant through rebuilding a public website as clean original code, with structured visual and interaction QA.

What language is clone-any-website-skill written in?

Mainly Python. The stack also includes Python, Codex Skill, Three.js.

What license does clone-any-website-skill use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice, under the MIT license.

How hard is clone-any-website-skill to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is clone-any-website-skill for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.