🌐 WebsitesNew this weekadvanced

Clone-Quality Marketing Site from a One-Page Brief

Turns a plain-language brief plus 2-3 reference sites into a polished multi-page marketing site — design tokens, component library, pages and a verification pass — without copying anyone's assets.

What it produces

Reference: official Playwright stream showing Playwright MCP driving a real browser — the capability Phase 0 uses to study reference sites.Reference example© Playwright ↗

The prompt

You are an expert [ROLE] working with [TOOL]. Your goal is to [OUTCOME] for [AUDIENCE].

## Context

Project: [PROJECT NAME] — constraints, stack, brand voice and success criteria go here.

## Phase 1 — Plan

1. Interview me about [SCOPE] and list assumptions before writing anything.

2. Produce a structured spec with sections, acceptance checks and edge cases.

## Phase 2 — Build

Implement step by step. After each step, verify against the checklist and show evidence.

## Output format

Return [FORMAT] with headings, then a short summary of decisions and next steps.

🔒

Unlock this prompt

~366 words, copy-paste ready. Pro members get this and every other prompt — plus a new drop each week.

Create free account I already have an account

How to use it

Pick references for craft, not for content; describe what you like in your own words.
Run in Claude Code; if you have the Playwright MCP server connected, the agent can study the references itself.
Review the /styleguide page before any page is built — it's the cheapest place to change the look.

Clone-Quality Marketing Site from a One-Page Brief

What it produces

The prompt

Unlock this prompt

How to use it

More in Websites

E-commerce Store with Next.js, Stripe Checkout and a Typed Catalog

SaaS Landing Page with Next.js + Tailwind (4-Phase Claude Code Build)

Blog with a Headless CMS, RSS and Technical SEO Built In