Landing Page Steal

To replicate a landing page design, you provide a reference URL or image and a target code location. The Skill uses Playwright MCP to capture, analyze, and iteratively refine your frontend implementation until it matches the reference.

Yes, you can use an image instead of a URL to copy a landing page layout. The design replication workflow accepts either a reference URL or an image file to analyze and reproduce the layout, typography, and interactions in your target page.

The best way to copy frontend UI from a reference URL is using an iterative design match workflow. Playwright MCP captures the reference page, analyzes the layout and interactions, and applies refinements across your target routes or components until fidelity is achieved.

Yes, Playwright MCP is required to capture and reproduce web app interactions. It drives the design replication process by analyzing the reference page and iteratively refining the implementation in your codebase to match the captured interactions.

Landing page replication works across multiple routes and components. The iterative refinement workflow applies style transfers and layout reproduction across your specified target code locations within the web app architecture.

If your copied landing page does not match the reference design exactly, the iterative refinement process may still be running. The workflow requires defined design match steps using Playwright MCP to progressively align layout, typography, and interactions with the reference.