ui-cloner-synthesis
UI Cloner — Phase 3: Synthesis
Overview
With the Site DNA and all 12 user answers in hand, generate the final replication prompt. Apply all rules below without exception.
Announce: "Phase 2 complete. Generating your custom replication prompt."
Read AUDIT_MODE from the top of plans/01-site-dna.md before generating. High-Fidelity mode requires applying the EMBED principle (Rule 2). Standard mode uses pseudocode-level descriptions (Rules 4–5).
CRITICAL OPERATING PRINCIPLE — "EMBED, DON'T REWRITE" (High-Fidelity mode only) Your job is to transplant structured artifacts from the Site DNA DIRECTLY into the output prompt — with only brand variables substituted. This preserves fidelity. Every time you abstract or summarize instead of embedding precisely, fidelity is permanently lost.
The output is a complete, self-contained prompt a developer can paste directly into Claude or any code generation tool to build the site.
Rule 1 — Output Structure
More from ragnar-pwninskjold/tech-snacks
ui-cloner
Use when user provides a URL and wants to replicate or clone a website's UI, design, or visual style for their own product. Entry point for the full 4-phase SRIP pipeline.
37ui-cloner-forensic-audit
Use when performing a forensic analysis of a target website as part of the UI cloning pipeline. Phase 1 of SRIP — runs steps 1.1 through 1.9 and produces a Site DNA document.
16ui-cloner-brand-interview
Use when Phase 1 forensic audit is complete and it's time to collect brand information from the user. Phase 2 of SRIP — presents all 12 brand questions in a single message and waits for answers before proceeding.
14ui-cloner-quality-check
Use after generating a UI replication prompt to verify it meets all quality standards before delivery. Phase 4 of SRIP — runs a multi-domain fidelity checklist and patches any missing elements before outputting the final prompt.
13ui-cloner-iterator
Use when a UI cloning attempt produced a poor or incomplete result and needs to be improved iteratively. Runs 5 structured comparison loops between the current implementation and the Site DNA to produce corrective prompts that progressively dial in fidelity.
13prd-to-ux
Use when translating a PRD, feature spec, or raw product idea into screen-level prompts for web UX generators (Google Stitch, Figma AI, Pencil.dev, Claude Design, v0, or similar). Use before creating visual mockups or wireframes.
1