</>MCP Agents Market
Skill

website-rebuild-skill

by boyang-hu986JavaScriptUpdated 2026-09-07

复刻网站的 Agent Skill：抓只读镜像、从压缩代码逐行还原、自动比对验收。An agent skill that mirrors a website, rebuilds it from the minified code, and verifies the result with automated diffs.

Claude CodeCodex

Website-rebuild-skill is an agent skill that enables AI agents to perform forensic-grade website reconstruction by mirroring a live site, reverse-engineering minified code back to readable source, and automatically verifying accuracy through multi-layer automated comparisons. Unlike simple site scraping, it produces a fully documented, runnable engineering project with line-by-line source traceability, module separation, and pixel-perfect verification gates. The skill follows the Agent Skills open specification and works across multiple AI runtimes including Claude Code and Codex, delivering self-contained projects that can run offline with complete asset closures.

Key Features

Forensic mirroring creates read-only snapshots with SHA-256 file ledgers and reference closure validation for offline operation
Line-traceable reverse engineering maps every reconstructed line back to the original minified bundle location
Five-layer automated verification: console output, network traffic, DOM structure, geometry, and pixel-by-pixel visual comparison
Source-code delivery transforms byte-exact ports into human-readable projects with module separation, semantic naming, and traceability annotations
Zero-dependency toolchain with 75 Node.js scripts that require no npm packages until final source-code transformation phase
Wayback Machine archive rescue for disappeared sites, recovering and rebuilding from historical snapshots with documented gaps
React Server Components reconstruction for Next.js App Router sites using flight streams as specification (verified on 144+ routes)
Graded reconstruction levels (L1 mirror archive, L2 engineered rebuild, L3 source-code delivery) with ability to upgrade incrementally

Use Cases

  • 01Learning from production websites by obtaining readable, documented source code of complex WebGL or animation implementations
  • 02Archiving award-winning creative sites before they disappear (29% historical disappearance rate measured)
  • 03Reverse-engineering minified Shopify themes, Next.js applications, or custom WebGL engines into maintainable codebases
  • 04Creating verifiable website clones for offline reference with pixel-perfect accuracy guarantees
  • 05Recovering and rebuilding websites from Wayback Machine archives when originals are lost
  • 06Studying modern full-stack implementations including React Server Components and server-side rendering patterns

Related Skills

View more

superpowers

An agentic skills framework & software development methodology that works.

Skill293.5k

skills

Skills for Real Engineers. Straight from my .agents directory.

Skill273k

skills

Public repository for Agent Skills

Skill179.2k

ponytail

Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.

Skill149.2k

website-rebuild-skill — FAQ

What is website-rebuild-skill?+

It's an agent skill conforming to the Agent Skills specification that enables AI agents to mirror websites, reverse-engineer their minified code into readable source, and verify reconstruction accuracy through automated multi-layer comparisons including pixel-perfect visual verification.

How do I install website-rebuild-skill?+

Run 'npx website-rebuild-skill' to install to ~/.claude/skills/website-rebuild for Claude Code, or use '--project' flag for project-level installation. Alternatively, manually copy the skills/website-rebuild/ directory into your agent's skills folder. Requires Node.js ≥22 and Chrome/Chromium installed locally.

Which AI clients support this skill?+

Any AI agent runtime that supports the Agent Skills specification, including Claude Code and Codex (both verified in production use). The skill has been tested completing full reconstructions in both environments.

What are the prerequisites?+

You need Node.js version 22 or higher and Chrome or Chromium installed locally for headless browser comparisons. No API keys are required, and the skill uses a zero-dependency toolchain until the final source-code transformation phase.

Is website-rebuild-skill free to use?+

Yes, the skill is released under the MIT License and is free to use. However, copyright and legal compliance for reconstructing third-party websites remains the user's responsibility—the skill defaults to private, non-indexed output.

What types of websites can it rebuild?+

It handles static site generators (Astro, Nuxt SSG), webpack/Vite bundles, WebGL/Canvas sites (three.js, custom engines), Next.js App Router with React Server Components, Shopify themes, and even disappeared sites via Wayback Machine archives. Server-dependent sites with personalization or backend business logic (type D) cannot be reconstructed.

How do I install website-rebuild-skill?+

Open the source repository on GitHub and follow its README. website-rebuild-skill is a skill — MCP Agents Market links you directly to the official repo.

Is website-rebuild-skill free?+

website-rebuild-skill is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.

Related searches

Developer Tools SkillsWeb Scraping & Data Collection SkillsCode Review SkillsBest MCP ServersBest PluginsBest AgentsTop rated listingsClaude Code toolsBrowse all categories