Landing Page Steal

Replicate landing page designs into application codebases using Playwright.

Updated Jan 2, 2026
One-click install
npx skills add https://github.com/cooopmac/nourish --skill landing-page-steal-cooopmac
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Landing Page Steal
Source: https://github.com/cooopmac/nourish/tree/main/.claude/project/skills/design-stealer
Command: npx skills add https://github.com/cooopmac/nourish --skill landing-page-steal-cooopmac

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright-mcp, and includes scripts (resource) components.

What problem does it solve?

The need to quickly and accurately replicate an existing landing page design into a user's application codebase.

Core Features & Use Cases

  • URL or Image Extraction: Accepts both website URLs or images to replicate.
  • Design Analysis: Uses Playwright to deeply analyze the structure and elements of the page.
  • Codebase Integration: Inserts the design into a specified page in the user's codebase with high fidelity.

Quick Start

To copy the design from example.com into your page, use 'copy landing page design --url example.com --target-file my-page.tsx'.

Frequently Asked Questions about Landing Page Steal

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I replicate an existing web page design into my codebase?▼

To replicate a web page design, provide a specific URL or image file for analysis. The Skill uses Playwright to analyze structure and integrates the landing page design directly into your specified target file.

Can I use an image instead of a URL to copy a landing page?▼

Yes, you can use an image to copy a landing page. The Skill accepts both website URLs and image files to perform the design analysis and generate the corresponding code for your application.

Do I need Playwright installed to generate landing page code from a URL?▼

Yes, you need Playwright to generate landing page code from a URL. The Skill uses the playwright-mcp dependency to deeply analyze the structure and elements of the target web page.

What's the best way to integrate an existing UI design into my application?▼

The best way to integrate an existing UI design is to specify a target file path during generation. The Skill analyzes the source page and inserts the design into your specified page with high fidelity.

How does web page analysis work for code generation?▼

Web page analysis for code generation works by using Playwright to extract structure and elements. It processes the visual and DOM data to accurately replicate the landing page into your application codebase.

Are there limitations when copying a landing page design from a URL?▼

Copying a landing page design requires a specific URL or image file to function. Without a valid source input, the analysis process cannot be performed to replicate the design into your codebase.