Производственный стартер для восстановления живых веб-сайтов в виде набранных приложений Next.js с агентами кодирования ИИ. Шаблон поставляется со строгой набором инструментов TypeScript, необязательной устойчивостью сеанса, поддерживаемой Redis, и навыками мультиплатформенного агента, поэтому рабочие процессы T0 остаются воспроизводимыми в командах.

** Начните с собственной копии.** Используйте GitHub ** Используйте этот шаблон ** для создания отдельного репозитория. Не совершайте сгенерированный вывод клонов обратно в этот восходящий шаблон.

Таблица содержимого

Почему этот шаблон

• архитектура системы Рабочий процесс клонов

• Особенности

• Требования

• Установка

• Конфигурация

• Развитие

• Тестирование Структура проекта

• Устранение неполадок

• Вклад

• FAQ

• Лицензия

##Почему этот шаблон

Большинство реконструкций веб-сайтов терпят неудачу в переходе между извлечением дизайна и реализацией компонентов. Это хранилище стандартизирует эту границу:

Забота о приближении [скрыто] [скрыто] [скрыто] [скрыто] | Инструкции агента | Единый источник в AGENTS.md, синхронизированный с 10+ платформами | | Достоверность дизайна | Специфика компонентов с вычисленными значениями CSS в docs/research/ | | Качество выполнения | Строгий TypeScript, ESLint, Vitest и CI валидация

Website Cloner — Next.js Agent Template

A production-oriented starter for rebuilding live websites as typed Next.js applications with AI coding agents. The template ships a strict TypeScript toolchain, optional Redis-backed session persistence, and multi-platform agent skills so /clone-website workflows stay reproducible across teams.

Start from your own copy. Use GitHub Use this template to create a separate repository. Do not commit generated clone output back to this upstream template.

---

Table of contents

• Why this template
• System architecture
• Clone workflow
• Features
• Requirements
• Installation
• Configuration
• Development
• Testing
• Project structure
• Troubleshooting
• Contributing
• FAQ
• License

---

Why this template

Most website rebuilds fail in the handoff between design extraction and component implementation. This repository standardizes that boundary:

---

System architecture

flowchart TB
  subgraph agents [AI Coding Agents]
    CC[Claude Code]
    CX[Codex / Cursor / Copilot]
    Others[Gemini / Windsurf / ...]
  end

  subgraph template [Template Repository]
    SKILL["/clone-website skill"]
    AGENTS[AGENTS.md rules]
    APP[Next.js App Router]
    CACHE[Cache layer]
    API["/api/cache/*"]
  end

  subgraph persistence [Optional Persistence]
    MEM[(In-memory store)]
    REDIS[(Redis)]
  end

  subgraph output [Generated Clone]
    COMP[React components]
    ASSETS[public/images + seo]
    SPECS[docs/research/components]
  end

  agents --> SKILL
  SKILL --> AGENTS
  AGENTS --> APP
  APP --> API
  API --> CACHE
  CACHE --> MEM
  CACHE --> REDIS
  SKILL --> SPECS
  SPECS --> COMP
  SKILL --> ASSETS

Cache layer

sequenceDiagram
  participant Agent
  participant API as /api/cache/sessions
  participant Service as CacheService
  participant Backend as Memory or Redis

  Agent->>API: POST session metadata
  API->>Service: saveCloneSession()
  Service->>Backend: SET session:{id}
  Backend-->>Service: OK
  Service-->>API: session record
  API-->>Agent: 201 Created

  Agent->>API: GET ?id=session-1
  API->>Service: getCloneSession()
  Service->>Backend: GET session:{id}
  Backend-->>Service: JSON payload
  Service-->>API: CloneSessionRecord
  API-->>Agent: 200 OK

---

Clone workflow