website-rebuild-skill
Скилл для точного восстановления креативных сайтов: снимает зеркало, разбирает минифицированный код построчно и сверяет результат автопроверками
Средний риск
Средний уровень ставим, когда инструмент запускает код, ходит в сеть или читает файлы проекта. Перед установкой посмотрите, что именно он делает.
Почему такой уровень
- Скилл снимает зеркало страниц и запускает безголовый Chrome
- Работает с чужим публичным кодом, границы использования на пользователе
Установка
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/website-rebuild-skillОпределит агенты на машине, проверит риск и зафиксирует версию.
Другие способы установки
Выполните в терминале в папке проекта
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a claude-code -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 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-rebuildКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a cursor -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 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-rebuildКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a github-copilot -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 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-rebuildКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a codex -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 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-rebuildКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a gemini-cli -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 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-rebuildКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
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-rebuildКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Бывший Windsurf.
Выполните в терминале в папке проекта
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a cline -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 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-rebuildКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a roo -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 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-rebuildКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Форк Roo Code, папки .roo те же.
Выполните в терминале в папке проекта
npx skills add boyang-hu/website-rebuild-skill --skill website-rebuild -a opencode -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 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-rebuildКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
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-rebuildКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
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-rebuildКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Установи скилл: npx website-rebuild-skill, он ляжет в ~/.claude/skills/website-rebuild. Понадобятся Node.js 22+ и локальный Chrome. Используй только на разрешенных сайтах.
Другие способы из описания автора
npx website-rebuild-skillСкилл ставится в ~/.claude/skills/website-rebuild. Нужны Node.js 22+ и локальный Chrome.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
website-rebuild-skill помогает агенту воссоздать сложный креативный сайт как самостоятельный проект. Процесс идет от снятия зеркала страницы к построчному разбору минифицированного кода и точному переносу, а качество восстановления закрывается количественными проверками и сравнением. Скилл рассчитан на учебные и исследовательские цели, работает только с публично доступными ресурсами и уважает robots.txt и условия сайта. Юридические решения о публикации остаются за пользователем, по умолчанию результат приватный и не индексируется.
Для кого. Для разработчиков и дизайнеров, которые изучают приемы креативных сайтов на собственных или разрешенных примерах.
Подходит, если
- Нужно разобрать, как устроен креативный сайт, по его коду
- Нужно воссоздать собственный или разрешенный сайт как отдельный проект
- Нужна проверяемая точность восстановления, а не похожая копия
Не подходит, если
- Нет прав на изучение и воспроизведение целевого сайта
- Нужно обойти вход, пейвол или иные ограничения доступа: скилл этого не делает
Пример запроса к агенту
Разбери устройство этого моего сайта по коду и воссоздай его как отдельный проект с проверкой точностиОграничения
Скилл работает только с анонимно доступными публичными ресурсами и не обходит вход, пейволы и защиту доступа. Нужен Node.js 22 или новее и локальный Chrome для безголового сравнения, часть шагов только для macOS, Linux и WSL. Правовые решения о публикации принимает пользователь, по умолчанию результат приватный.
Как отключить. Удалите папку скилла из ~/.claude/skills или из каталога скиллов вашего агента.
Проверка безопасности
- Скилл снимает зеркало страниц и запускает безголовый Chrome
- Работает с чужим публичным кодом, границы использования на пользователе
Коротко о README
README описывает website-rebuild-skill как методику точного восстановления креативных сайтов: снятие зеркала, построчный разбор минифицированного кода, дословный перенос и количественные проверки. Скилл ставится через npx или копированием папки, требует Node.js 22 и локального Chrome. Отдельно прописаны границы: только публичные ресурсы, уважение robots.txt и условий сайта, правовые решения за пользователем, результат по умолчанию приватный. Лицензия MIT.
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.
Частые вопросы
Можно ли обходить вход или пейвол?
Нет, скилл работает только с публично доступными ресурсами и не обходит вход, пейволы и защиту доступа.
Что нужно для сравнения результата?
Node.js 22 или новее и локальный Chrome для безголового сравнения; часть шагов только для macOS, Linux и WSL.
Похожие
Набор скиллов, который задает агенту процесс разработки: уточнение задачи, план, TDD, субагенты и ревью кода
Скиллы Мэтта Покока для инженеров
Skills For Real Engineers
Небольшие компонуемые скиллы для инженерной работы с агентом: интервью по плану, TDD, диагностика багов, ревью и архитектура
Набор GitHub для разработки от спецификации: CLI specify ставит в проект команды и скиллы для агента, от принципов до реализации
Референсные MCP-серверы
Model Context Protocol servers
Официальные референсные MCP-серверы: Filesystem, Fetch, Git, Memory, Sequential Thinking, Time и Everything