← ClaudeAtlas

landing-page-replication-v5listed

Use when replicating marketing/SaaS/D2C landings or WebGL/Lenis/scroll-theater portfolios to measurable fidelity. v5 keeps v4's Loop 5 Behavior gates and closes three "missing consequence" relapses: replica-only-motion blocker, continuous pointer-theater probe (no :hover false positives), broad-spectrum scroll-state sampling. Prefer --behavior-offline. Capture → signal → skeleton → density → micro-parity → behavior → polish.
lizliz404/agent-skills · ★ 0 · AI & Automation · score 78
Install: claude install-skill lizliz404/agent-skills
# Landing Page Replication (v5) Domain-agnostic **7-phase** pipeline (Loop 0–6). Case specifics live in `references/case-*.md`. Load references on demand. **Why v5:** v4 taught "missing consequence, not missing information" — then relapsed three levels deeper (docs naming a blocker with no function; pointer probe beaten by ordinary `:hover`; scroll-state hardcoding haoqi fields; self-test as string theatre; `--behavior` bombarding the target). v5 makes those gates real. Detail: `references/v5-build-log.md`. **Worked example (haoqi):** Hero IMR Δ **3%** (pass) + SLR **0.52** → **FAIL** (`--scroll-length`). Fix tunnel height before ±2px chase. Gallery **J**. ## 0. Sibling assets (design-templates) This skill is the **measurement pipeline**. Visual leftovers live in [lizliz404/design-templates](https://github.com/lizliz404/design-templates) (local: `D:\dev\repos\design-templates`). Map: `templates/sibling-routes.md`. | Need after capture tagged `WEBGL_THEATER` / agent chrome | Load | |---|---| | Paper / mesh atmosphere (not a status orb) | `templates/paper-shaders/SKILL.md` | | One thinking / glass orb | `templates/ui-patterns/thinking-orb/SKILL.md` (MIT wgsl+metal already grabbed) | | Agent thinking / stream / approval / dense tables | `templates/design/beautiful-ui-ai-interfaces/` | | Full-bleed Three.js that **blends into** the page | sibling skill `webgl-threejs-background-animation` in this repo | | One Community 3D **product** hero | `templates/ui-patterns/threeui-he