The replication process first builds a "website replication blueprint." This is a structured directory that maps the site's information architecture using a nested folder hierarchy. Each folder represents a page, and child folders represent pages reachable from that page.
Inside each page folder, the following files are typically generated:
_page.md: Page blueprint containing sections, components, and interaction summaries._full.png: A full-page screenshot._scroll_00.png ~ N.png: A sequence of screenshots captured during scrolling._interactions.md: A record of all captured interactions._interactions/: Screenshots of different interaction states._assets/: Assets specific to that page (images, videos, etc.).
Global files include:
_meta.md: Site-wide metadata._sitemap.md: The site's sitemap._assets/: Global assets like fonts and favicons._navigation_graph.md: A site-wide navigation graph (rendered in Mermaid).
blueprint/
├── _meta.md # Site-wide metadata
├── _sitemap.md # Sitemap
├── _assets/ # Global assets (fonts, favicon, etc.)
├── home/
│ ├── _page.md # Page blueprint (sections, components, interaction summary)
│ ├── _full.png # Full-page screenshot
│ ├── _scroll_00.png ~ N.png # Scrolling screenshot sequence
│ ├── _interactions.md # Record of all interactions
│ ├── _interactions/
│ ├── _assets/
│ ├── products/
│ │ ├── _page.md
│ │ └── ...
│ └── ...
└── _navigation_graph.md # Site-wide navigation graph (Mermaid)