AI Website Cloner Template

Установка

npx skillfoxx add skills/ai-website-cloner-template

npx skills add jcodesmore/ai-website-cloner-template --skill clone-website -a claude-code -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/jcodesmore/ai-website-cloner-template.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.agents/skills/clone-website/
git -C "$tmp" checkout 0fc4dca34fcfcfd32108fb67118aa897a6045414
mkdir -p .claude/skills
cp -R "$tmp/.agents/skills/clone-website" .claude/skills/clone-website

npx skills add jcodesmore/ai-website-cloner-template --skill clone-website -a cursor -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/jcodesmore/ai-website-cloner-template.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.agents/skills/clone-website/
git -C "$tmp" checkout 0fc4dca34fcfcfd32108fb67118aa897a6045414
mkdir -p .agents/skills
cp -R "$tmp/.agents/skills/clone-website" .agents/skills/clone-website

npx skills add jcodesmore/ai-website-cloner-template --skill clone-website -a github-copilot -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/jcodesmore/ai-website-cloner-template.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.agents/skills/clone-website/
git -C "$tmp" checkout 0fc4dca34fcfcfd32108fb67118aa897a6045414
mkdir -p .github/skills
cp -R "$tmp/.agents/skills/clone-website" .github/skills/clone-website

npx skills add jcodesmore/ai-website-cloner-template --skill clone-website -a codex -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/jcodesmore/ai-website-cloner-template.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.agents/skills/clone-website/
git -C "$tmp" checkout 0fc4dca34fcfcfd32108fb67118aa897a6045414
mkdir -p .agents/skills
cp -R "$tmp/.agents/skills/clone-website" .agents/skills/clone-website

npx skills add jcodesmore/ai-website-cloner-template --skill clone-website -a gemini-cli -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/jcodesmore/ai-website-cloner-template.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.agents/skills/clone-website/
git -C "$tmp" checkout 0fc4dca34fcfcfd32108fb67118aa897a6045414
mkdir -p .agents/skills
cp -R "$tmp/.agents/skills/clone-website" .agents/skills/clone-website

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/jcodesmore/ai-website-cloner-template.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.agents/skills/clone-website/
git -C "$tmp" checkout 0fc4dca34fcfcfd32108fb67118aa897a6045414
mkdir -p .devin/skills
cp -R "$tmp/.agents/skills/clone-website" .devin/skills/clone-website

npx skills add jcodesmore/ai-website-cloner-template --skill clone-website -a cline -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/jcodesmore/ai-website-cloner-template.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.agents/skills/clone-website/
git -C "$tmp" checkout 0fc4dca34fcfcfd32108fb67118aa897a6045414
mkdir -p .cline/skills
cp -R "$tmp/.agents/skills/clone-website" .cline/skills/clone-website

npx skills add jcodesmore/ai-website-cloner-template --skill clone-website -a roo -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/jcodesmore/ai-website-cloner-template.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.agents/skills/clone-website/
git -C "$tmp" checkout 0fc4dca34fcfcfd32108fb67118aa897a6045414
mkdir -p .roo/skills
cp -R "$tmp/.agents/skills/clone-website" .roo/skills/clone-website

npx skills add jcodesmore/ai-website-cloner-template --skill clone-website -a opencode -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/jcodesmore/ai-website-cloner-template.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.agents/skills/clone-website/
git -C "$tmp" checkout 0fc4dca34fcfcfd32108fb67118aa897a6045414
mkdir -p .agents/skills
cp -R "$tmp/.agents/skills/clone-website" .agents/skills/clone-website

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/jcodesmore/ai-website-cloner-template.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.agents/skills/clone-website/
git -C "$tmp" checkout 0fc4dca34fcfcfd32108fb67118aa897a6045414
mkdir -p .agents/skills
cp -R "$tmp/.agents/skills/clone-website" .agents/skills/clone-website

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/jcodesmore/ai-website-cloner-template.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.agents/skills/clone-website/
git -C "$tmp" checkout 0fc4dca34fcfcfd32108fb67118aa897a6045414
mkdir -p .agents/skills
cp -R "$tmp/.agents/skills/clone-website" .agents/skills/clone-website

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Скилл clone-website пошагово разбирает целевой сайт: делает скриншоты, снимает шрифты, цвета и отступы, проходит по интерактивным состояниям и скачивает ассеты. По каждой секции он пишет отдельный файл спецификации с точными значениями computed CSS, состояниями и содержимым, а затем раздает эти спецификации параллельным агентам-сборщикам в отдельных git worktree, каждый строит свой компонент на Next.js, shadcn/ui и Tailwind. В конце worktree сливаются, страница собирается целиком и сверяется визуальным диффом с оригиналом. Репозиторий это шаблон проекта, который можно развернуть как отдельную копию через GitHub template или склонировать вручную.

Для кого. Для разработчиков, которым нужно быстро восстановить исходники сайта, который они уже ведут, или изучить, как устроена чужая верстка.

Пример запроса к агенту

/clone-website https://example.com

Ограничения

README прямо запрещает использовать шаблон для фишинга, выдачи чужого дизайна за свой или обхода запрета на скрапинг в условиях сайта. Клонируется только то, что видно на странице: реальный бэкенд, база данных, аутентификация и SEO-оптимизация не входят в объем по умолчанию.

Как отключить. Удалите папку .agents/skills/clone-website из проекта или весь проект, созданный из шаблона.

Проверка безопасности

• Скачивает и переиспользует чужие ассеты, шрифты и тексты с целевого сайта
• Может нарушить условия использования сайта, если клонировать без разрешения владельца

Коротко о README

README описывает шаблон как способ дать агенту URL и получить чистое Next.js-приложение взамен. Показан пятифазный процесс: разведка, фундамент (шрифты, цвета, ассеты), детальные спецификации по компонентам, параллельная сборка в git worktree и финальная сборка с визуальной сверкой. Указан стек: Next.js 16, shadcn/ui, Tailwind CSS v4, Lucide React. Отдельно перечислены запрещенные сценарии использования: фишинг, выдача чужого дизайна за свой, обход условий сайта на скрапинг. Лицензия MIT.

SKILL.md

---
name: clone-website
description: Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes. Use this whenever the user wants to clone, replicate, rebuild, reverse-engineer, or copy any website. Also triggers on phrases like "make a copy of this site", "rebuild this page", or "pixel-perfect clone". The request must include one or more target URLs.
---

# Clone Website

You are about to reverse-engineer and rebuild the target URL or URLs in the user's request as pixel-perfect clones.

When multiple URLs are provided, preserve every pathname as a distinct route and isolate each target's research, screenshots, components, and assets. Parallelize page work only after the shared foundation and output plan are fixed so concurrent builders cannot overwrite one another.

This is not a two-phase process. You are a foreman walking the job site — as you inspect each section of the page, you write a detailed specification to a file, then hand that file to a specialist builder agent with everything they need. Extraction and construction happen in parallel, but extraction is meticulous and produces auditable artifacts.

## Scope Defaults

Unless the user specifies otherwise: pixel-perfect fidelity, visual layout and styling, component structure and interactions, responsive design and mock data are in scope; real backend, authentication, real-time features, SEO optimization and accessibility audit are out of scope.

Похожие