Clone Website rebuilds one or more supplied website pages by examining their visible layout, assets, content, styling, responsive behavior, and interactions.
Tasks
Clone a target website page from one or more supplied URLs.
Extract page assets, CSS, content, responsive layouts, and interaction states for a website rebuild.
Create component specifications and rebuild the observed page in the existing Next.js, shadcn/ui, and Tailwind v4 project.
Inputs
One or more target URLs supplied as arguments.
An available browser automation tool.
An existing Next.js, shadcn/ui, and Tailwind v4 scaffold.
Outputs
A rebuilt website page matching the visible target page.
Research artifacts in `docs/research/`, including behavior and page-topology documentation.
Desktop and mobile reference screenshots in `docs/design-references/`.
Component specification files in `docs/research/components/`.
Downloaded assets in `public/` and a download script in `scripts/`.
Limitations and checks
The default scope excludes a real backend or database, authentication, real-time features, SEO optimization, and an accessibility audit.
The default rebuild uses mock data for demo purposes.
The default target is only what is visible at each supplied URL.
When no browser automation tool is available, the user must identify an available tool and connection method.
Confirm each target URL is valid and accessible through the browser automation tool.
Run `npm run build` before work begins and after merging worktrees.
Require `npx tsc --noEmit` for each builder task.
Capture full-page desktop and mobile screenshots, then test desktop, tablet, and mobile viewport layouts.