SIMON / PERSONAL · MIT

Website design research

Extract design tokens and page snapshots with local Chrome and browser-harness, then build a static research prototype.

Workflow and wrapper by Simon Lin; underlying tools and models belong to their upstream projects.

01 / REQUIREMENTS

Before you start

Python 3, Chrome remote debugging and separately installed browser-harness.

  • Page snapshots and readable CSS
  • Design-token extraction
  • Static prototypes with stated limits

02 / INSTALL

Install and use

unzip site-clone-v1.1.0.zip -d ./skill-install
mkdir -p "$HOME/.agents/skills/site-clone"
cp -R ./skill-install/site-clone/. "$HOME/.agents/skills/site-clone/"

For Claude Code, use .claude/skills instead of .agents/skills. For other clients, follow their loading convention. Keep commands consistent with your actual install path, then read SKILL.md and THIRD-PARTY.md.

Follow SKILL.md to run scripts/clone.sh on authorized pages and keep captures private.

No dependencies, model weights, accounts, authentication or media are bundled. Upstream services may have their own costs and usage limits.

03 / UPSTREAM & LICENSE

Attribution and checks

Original documents and wrappers: MIT, copyright PhoenixTree Holdings Limited; author Simon Lin. Upstream licenses and model terms remain separate.

Original package snapshot: 2026-08-18. Free distribution: 2026-10-22. Documentation, script syntax, file inventory and archive integrity checked on 2026-10-22 (Asia/Singapore). Full model/browser workflows and all-client compatibility were not rerun.

Package files

  • LICENSE.txt1115 B
  • README.md2859 B
  • SKILL.md2232 B
  • THIRD-PARTY.md1200 B
  • UPSTREAM-LICENSE-MIT.txt1068 B
  • scripts/_capture.py3260 B
  • scripts/_tokens.py5451 B
  • scripts/clone.sh1759 B
  • scripts/make_replica.py6810 B