ui-cloner-quality-check
UI Cloner — Phase 4: Quality Self-Check
Overview
Before delivering the final prompt, run through the full fidelity checklist below. If any item is missing, generate the missing content and insert it — do not deliver an incomplete prompt.
Announce: "Running Phase 4 — Quality Self-Check before delivery."
Read AUDIT_MODE from plans/01-site-dna.md. High-Fidelity mode must pass all 5 fidelity domains. Standard mode must pass the Core Checklist.
Core Checklist (Both Modes)
Verify the generated prompt contains ALL of the following:
- Named aesthetic identity — 5–8 word poetic description of the site's soul (derived from user's 3 adjectives + reference site's motion philosophy)
- Complete design system — named colors (semantic name + descriptive word + hex), typography roles with usage rules, texture/radius/shadow spec
- Every section has a poetic component name — using the [Evocative Adjective/Noun] + [Functional Description] formula
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-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.
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