Task prompt · Websites & Apps
Create a landing page A/B variant from a screenshot
by Agent Yard TeamA second version of your page to test.
You'll attach
Needs screenshot
Works with
Cursor
Claude Code
Codex
Claude
ChatGPT
GeminiUse cases
- A second version of your page to test.
- When you already have a screenshot and want the AI to work from it instead of starting from scratch.
- Reuse it as often as you like: fill in the blanks (element to test, e.g. hero section) with new details and copy again.
- With Cursor, Claude Code, Codex and more, the AIs that support what this prompt needs.
Featured in: Best Cursor prompts for building websites, Best ChatGPT prompts for websites, Best AI prompts for landing pages and homepages.
How to use it
- Open Cursor or Claude Code in your terminal (or another AI listed here).
- Attach the screenshot (or paste it straight into the chat).
- Fill in the highlighted blank ([ELEMENT TO TEST, E.G. HERO SECTION]) below, or edit them after pasting.
- Copy the prompt, paste it into the chat and send.
Fill in the blanks (optional)
Prompt
The attached screenshot is my current landing page. Create a variant to A/B test that changes only [ELEMENT TO TEST, E.G. HERO SECTION]. State the hypothesis, write the new copy and layout, and give the HTML/CSS for the variant section.
One email a week
The Weekly is presented byyour brandSponsored · openThe best new prompts and personas, nothing else.