ai-website-cloner-template

O nástroji

AI Website Cloner Template je znovupoužitelný projektový šablon určený vývojářům a AI coding agentům (doporučeno Claude Code), kteří chtějí reverzně analyzovat existující webovou stránku a znovu ji postavit jako produkčně připravenou aplikaci. Nástroj automatizuje celý proces: od průzkumu cílového webu (screenshoty na více breakpointech, sběr getComputedStyle, zachycení interakcí), přes extrakci design systému (OKLCH barevné tokeny, fonty, assety, favicon a OG metadata), až po generování specifikací komponent a jejich paralelní stavbu s následným vizuálním QA pomocí pixel diffingu. Stačí zadat URL cílové stránky a spustit příkaz /clone-website — AI agent poté prohlédne stránku, extrahuje design tokeny a assety, vytvoří component specs a nasadí paralelní buildery, které zrekonstruují jednotlivé sekce webu. Technologicky staví na Next.js 16 (App Router, React 19, TypeScript strict), knihovně shadcn/ui (Radix primitives + Tailwind CSS v4) a ikonách Lucide React, které jsou během klonování nahrazovány extrahovanými SVG. Projekt je open source pod MIT licencí a je hostován na GitHubu (JCodesMore/ai-website-cloner-template). Informace o ceně či API nejsou v dostupných zdrojích uvedeny.

Klíčové vlastnosti

• Screenshoty cílového webu na více breakpointech
• Extrakce OKLCH barevných tokenů a fontů
• Sběr getComputedStyle a zachycení interakcí
• Generování specifikací komponent pro paralelní stavbu
• Vizuální QA pomocí pixel diffingu
• Postaveno na Next.js 16, React 19 a shadcn/ui

Časté dotazy

Kategorie