website-rebuild-skill
A skill for faithful rebuilds of creative sites: mirrors the page, reverse-engineers minified code line by line and verifies with automated checks
Medium risk
We rate an entry medium when the tool runs code, makes network calls or reads project files. Check what exactly it does before installing.
Why this level
- The skill mirrors pages and runs headless Chrome
- It works with third-party public code, with usage boundaries left to the user
Install
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/website-rebuild-skillDetects the agents on your machine, checks the risk and pins the version.
Other ways to install
Run in a terminal in the project folder
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a claude-code -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 830647f
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/boyang-hu/website-rebuild-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/website-rebuild/
git -C "$tmp" checkout 830647fbe4e31cda85319df69b48514bd224ad79
mkdir -p .claude/skills
cp -R "$tmp/skills/website-rebuild" .claude/skills/website-rebuildCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a cursor -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 830647f
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/boyang-hu/website-rebuild-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/website-rebuild/
git -C "$tmp" checkout 830647fbe4e31cda85319df69b48514bd224ad79
mkdir -p .agents/skills
cp -R "$tmp/skills/website-rebuild" .agents/skills/website-rebuildCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a github-copilot -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 830647f
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/boyang-hu/website-rebuild-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/website-rebuild/
git -C "$tmp" checkout 830647fbe4e31cda85319df69b48514bd224ad79
mkdir -p .github/skills
cp -R "$tmp/skills/website-rebuild" .github/skills/website-rebuildCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a codex -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 830647f
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/boyang-hu/website-rebuild-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/website-rebuild/
git -C "$tmp" checkout 830647fbe4e31cda85319df69b48514bd224ad79
mkdir -p .agents/skills
cp -R "$tmp/skills/website-rebuild" .agents/skills/website-rebuildCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a gemini-cli -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 830647f
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/boyang-hu/website-rebuild-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/website-rebuild/
git -C "$tmp" checkout 830647fbe4e31cda85319df69b48514bd224ad79
mkdir -p .agents/skills
cp -R "$tmp/skills/website-rebuild" .agents/skills/website-rebuildCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/boyang-hu/website-rebuild-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/website-rebuild/
git -C "$tmp" checkout 830647fbe4e31cda85319df69b48514bd224ad79
mkdir -p .devin/skills
cp -R "$tmp/skills/website-rebuild" .devin/skills/website-rebuildCommands for macOS and Linux, on Windows run them in Git Bash.
Formerly Windsurf.
Run in a terminal in the project folder
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a cline -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 830647f
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/boyang-hu/website-rebuild-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/website-rebuild/
git -C "$tmp" checkout 830647fbe4e31cda85319df69b48514bd224ad79
mkdir -p .cline/skills
cp -R "$tmp/skills/website-rebuild" .cline/skills/website-rebuildCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a roo -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 830647f
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/boyang-hu/website-rebuild-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/website-rebuild/
git -C "$tmp" checkout 830647fbe4e31cda85319df69b48514bd224ad79
mkdir -p .roo/skills
cp -R "$tmp/skills/website-rebuild" .roo/skills/website-rebuildCommands for macOS and Linux, on Windows run them in Git Bash.
A fork of Roo Code, same .roo folders.
Run in a terminal in the project folder
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a opencode -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 830647f
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/boyang-hu/website-rebuild-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/website-rebuild/
git -C "$tmp" checkout 830647fbe4e31cda85319df69b48514bd224ad79
mkdir -p .agents/skills
cp -R "$tmp/skills/website-rebuild" .agents/skills/website-rebuildCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/boyang-hu/website-rebuild-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/website-rebuild/
git -C "$tmp" checkout 830647fbe4e31cda85319df69b48514bd224ad79
mkdir -p .agents/skills
cp -R "$tmp/skills/website-rebuild" .agents/skills/website-rebuildCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/boyang-hu/website-rebuild-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/website-rebuild/
git -C "$tmp" checkout 830647fbe4e31cda85319df69b48514bd224ad79
mkdir -p .agents/skills
cp -R "$tmp/skills/website-rebuild" .agents/skills/website-rebuildCommands for macOS and Linux, on Windows run them in Git Bash.
Install the skill: npx website-rebuild-skill, which lands in ~/.claude/skills/website-rebuild. You will need Node.js 22+ and a local Chrome. Use it only on permitted sites.
Other ways from the author
npx website-rebuild-skillInstalls into ~/.claude/skills/website-rebuild. Needs Node.js 22+ and a local Chrome.
This is third-party code. Review the repository files before installing.
What it does
website-rebuild-skill helps an agent recreate a complex creative site as a standalone project. The process goes from mirroring the page to a line-by-line breakdown of the minified code and faithful porting, with quantitative checks and comparison closing out the fidelity. The skill is meant for learning and research, works only with publicly accessible resources and respects robots.txt and site terms. Legal decisions about publishing stay with the user, and by default the result is private and not indexed.
Who it is for. For developers and designers studying creative site techniques on their own or permitted examples.
Good fit when
- You need to study how a creative site is built from its code
- You need to recreate your own or a permitted site as a standalone project
- You need verifiable fidelity, not a look-alike copy
Not a fit when
- You have no rights to study and reproduce the target site
- You need to bypass login, a paywall or other access controls: the skill does not do this
Example request
Break down how this site of mine is built from its code and recreate it as a standalone project with a fidelity checkLimitations
The skill works only with anonymously accessible public resources and does not bypass login, paywalls or access protection. It needs Node.js 22 or later and a local Chrome for headless comparison, and some steps are macOS, Linux and WSL only. Legal decisions about publishing are the user's, and the result is private by default.
How to disable. Delete the skill folder from ~/.claude/skills or your agent's skills directory.
Security check
- The skill mirrors pages and runs headless Chrome
- It works with third-party public code, with usage boundaries left to the user
README in short
The README describes website-rebuild-skill as a method for faithful creative-site rebuilds: mirroring, line-by-line breakdown of minified code, verbatim porting and quantitative checks. The skill installs via npx or by copying the folder, and needs Node.js 22 and a local Chrome. It spells out boundaries: public resources only, respect for robots.txt and site terms, legal decisions left to the user, and a private result by default. MIT licensed.
SKILL.md
--- name: website-rebuild description: 1:1 rebuild of award-winning creative websites (WebGL / scroll-animation / portfolio sites). Evidence-driven pipeline: mirror-first forensics, line-number-traceable reverse engineering of minified bundles, verbatim porting, quantitative verification gates. compatibility: Requires Node 22+, npx, and a local Chrome/Chromium for headless comparison. Agent-agnostic, works in any Agent Skills-compatible runtime. --- # Website Rebuild For learning and research on your own, authorized, or publicly learnable sites. Not a tool for unauthorized scraping of protected content, bypassing access controls, or commercial theft. Respect robots.txt, terms and copyright; keep crawling low-frequency; output stays private and noindex by default.
FAQ
Can it bypass login or a paywall?
No, the skill works only with publicly accessible resources and does not bypass login, paywalls or access protection.
What is needed to compare the result?
Node.js 22 or later and a local Chrome for headless comparison; some steps are macOS, Linux and WSL only.
Related
A skills library that gives coding agents a development process: brainstorming, planning, TDD, subagents and code review
Skills for real engineers by Matt Pocock
Skills For Real Engineers
Small composable skills for engineering with agents: plan grilling, TDD, bug diagnosis, code review and architecture
GitHub toolkit for spec-driven development: the specify CLI adds agent commands and skills to a project, from principles to implementation
Reference MCP servers
Model Context Protocol servers
Official reference MCP servers: Filesystem, Fetch, Git, Memory, Sequential Thinking, Time and Everything