whatisgithub

What is web-experience-cloner?

kris77z/web-experience-cloner — explained in plain English

Analysis updated 2026-05-18

42JavaScriptAudience · developerComplexity · 3/5LicenseSetup · moderate

In one sentence

An AI agent skill that classifies, reverse engineers, and copies complex animated or platform built websites, from a rough plan up to a full offline rewrite.

Mindmap

mindmap
  root((web experience cloner))
    What it does
      Classifies target sites
      Reverse engineers behavior
      Mirrors sites locally
      Rewrites effects from scratch
    Tech stack
      JavaScript
      SKILL.md format
      Node.js validator
    Use cases
      Study creative animation sites
      Archive a site offline
      Recreate a visual effect
    Audience
      AI agent builders
      Frontend developers

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

What do people build with it?

USE CASE 1

Have an AI agent classify what tools and framework a fancy website was built with.

USE CASE 2

Produce a written explanation of how a specific animation effect works.

USE CASE 3

Create a full local copy of a site for private study using its original code.

USE CASE 4

Rewrite a single visual effect from scratch instead of copying the original code.

What is it built with?

JavaScriptSKILL.mdNode.jsThree.jsWebGL

How does it compare?

kris77z/web-experience-clonerthetalhachy/frame-puzzleupvoteclub/upvote-club-mcp-core
Stars424242
LanguageJavaScriptJavaScriptJavaScript
Setup difficultymoderatemoderate
Complexity3/53/5
Audiencedevelopervibe coderdeveloper

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

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires an AI agent that supports SKILL.md-style skill folders to actually run it.

Use the code and docs freely for any purpose, including commercial use, as long as you keep the copyright notice.

So what is it?

This project is a skill you can give to an AI agent, not an app you run yourself. Its job is to help that agent reverse engineer, copy, take offline, and rewrite complicated websites. It is aimed at tricky sites built with creative animation tools such as WebGL, Three.js, GSAP, Rive, or gaussian splatting, as well as sites exported from design platforms like Framer, Webflow, and Readymag, and app style pages built with frameworks such as React Router, Remix, Oxygen, Next.js, or Nuxt. The skill lives in a single folder, and its main file is called SKILL.md. Any AI agent that understands this kind of skill folder format can read it and follow its instructions. You can add it with a command line tool called skills, or simply copy the folder into your agent's own skills directory, including a Codex specific path if you use that agent. The workflow the skill follows has six steps in order: classify the site, gather evidence about how it was built, lock down that understanding, trace how it actually behaves, then either mirror or replay it, and finally verify the result. The idea is to figure out what kind of site it is before trying to copy it. The project defines five levels of output an agent can produce, from simplest to most involved. The lightest is just classifying the site and sketching a plan. Next is documenting how a specific animation works. After that comes a full local copy of the site that reuses its original code. Beyond that is making that copy work fully offline. The most advanced level is rewriting a single visual effect completely from scratch. Before publishing changes, there is a script that checks the skill folder for structural problems. The code and documentation are released under the MIT license, but the README is clear that copying a live site with this tool still means respecting that site's copyright, terms of service, and local law, and copies should stay for private study rather than being redistributed.

Copy-paste prompts

Prompt 1
Use the web-experience-cloner skill to classify how this website was built.
Prompt 2
Walk me through the CLASSIFY to VERIFY workflow this skill uses to clone a site.
Prompt 3
Show me how to install this skill into my agent's skills directory.
Prompt 4
Explain the difference between the L2 local copy and the L4 rewrite-from-scratch levels.

Frequently asked questions

What is web-experience-cloner?

An AI agent skill that classifies, reverse engineers, and copies complex animated or platform built websites, from a rough plan up to a full offline rewrite.

What language is web-experience-cloner written in?

Mainly JavaScript. The stack also includes JavaScript, SKILL.md, Node.js.

What license does web-experience-cloner use?

Use the code and docs freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is web-experience-cloner to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is web-experience-cloner for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.