Website Replicator

Reconstruct website UI and scroll animations through systematic observation.

Core Principle

Observe effects, don't extract code. We watch what changes and when, then generate equivalent code.

Screenshots are analysis tools, not just artifacts. They help Claude understand structure and animation, feeding back into the exploration strategy. The workflow is a continuous feedback loop:

• Take screenshot → analyze with Gemini → digest results → inform next DOM queries
• Multiple screenshots → compare changes → understand animation → guide sampling strategy
• Not a separate pipeline - screenshots inform and adjust the exploration in real-time

WORKFLOW

Phase 1: Initial Load & Overview