ui-cloner-iterator
UI Cloner — Iterator: Refinement Loop
Overview
Takes a poorly-executed first attempt and systematically closes the gap to the reference. Runs 5 passes, each comparing the current implementation against the Site DNA document to identify the most impactful remaining delta and produce a corrective prompt.
Announce: "Running the UI Cloner Iterator — 5 refinement passes against the Site DNA."
Prerequisite: plans/01-site-dna.md must exist in the current project directory. Read it before starting Pass 1.
Input Required
Before starting, confirm you have:
- The Site DNA — read from
plans/01-site-dna.md - The current implementation — a screenshot, URL, or code the user provides showing what was built
If either is missing, ask for it before proceeding.
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-synthesis
Use when Site DNA and all 12 brand interview answers are in hand and it's time to generate the final replication prompt. Phase 3 of SRIP — applies 11 synthesis rules to produce a one-shot developer build prompt.
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