Site DNA
Menu
Design forensics across the reachable product

Map the whole interface.

Discover route templates, render six responsive and theme states per page, record safe motion, and export one evidence-backed implementation manifest.

GET-only public traversalLocal resumable sessions
Start a coverage session25 routes · 6 states
Capture budget

Starts with robots.txt and sitemaps, then expands through safe same-origin routes within the selected budget.

Import exact artifact typeUse the local Chrome companion
Saved sessions 0

No saved sessions yet.

Queued for durable capture

This job is waiting for the authenticated background worker and will continue if this tab closes.

Regression and ownership workflow

Compare the implementation contract.

Validate artifacts, compare production with a pull-request preview, and resolve rendered classes back to an owned repository. Everything stays local in this browser.

CLIyarn site-dna diff baseline.json current.json --github-summary
Load two manifests to produce a semantic diff.

The comparison covers routes, component implementations, classes, tokens, accessibility signals, themes, responsive states, capture budgets, and coverage gaps.

Owned-repository mode

Resolve inferred families to files and lines.

Generate a content-free source index locally, then load it here. Site DNA matches component contracts, classes, CSS variables, and available source-map sources without uploading repository contents.

yarn site-dna source-index manifest.json ../repository --out source-index.json
Evidence operations

Reuse, query, migrate, and replay.

These tools are deterministic and screenshot-free. They operate on the structured evidence already in your manifests, and every answer names its JSON evidence paths.

yarn site-dna query manifest.json "Which buttons diverge?"
Incremental recaptureProbe before paying for a full capture

Load baseline and current artifacts above to calculate route-level reuse.

Replayable journeysEvidence-backed route and UI transitions

Load a coverage manifest with a state graph to inspect its generated journeys.

AI-ready query layerDeterministic retrieval with evidence paths

Load a current artifact, then ask about components, classes, tokens, routes, roles, states, responsive behavior, accessibility, or browsers.

Schema migrationExplicit transforms with a receipt
Cross-browser contractChromium, Firefox, and WebKit DOM/style parity
Round-trip conformanceEvidence dimensions, not pixel matching

Load baseline and current artifacts to score structural, design, behavior, quality, and coverage conformance.

Scenario + route-family modelPersona cells, representative samples, and dependencies

Load a current artifact to inspect declared scenarios, route-family variance, and structured asset dependencies.