AI Blocks › Write and build a landing page
Your own Shopify page, laid out like one you admire
Give it a page screenshot, your brand file and product facts. Get your own page, a design plan and Shopify files.
Rebuild a page you admire as your own Shopify page is a free AI workflow for the job "Write and build a landing page". It guides your AI through several skills in order, passing each step's output to the next.
Free · No account · Made by AI Blocks · Thinking: high
What it does
A page that sells well has a layout worth learning from, but copying its words or pictures is a mistake. The useful part is the order of sections and what each one does. Your page needs your facts in that order. This workflow reads the screenshot, logs the layout and decides what you can borrow. It builds a slot map and writes your own copy for each slot. It then plans three on-brand designs and a build brief, and loads your copy and the chosen design into Shopify theme files, with install steps. After you install the page, it audits screenshots of the live page and lists what blocks shoppers.
You give it
- A screenshot of the page you admire
- Your brand file, with your facts, voice and colours
- Your product facts, such as price and variants (optional)
- Your offer (optional)
- After you install it, screenshots of your new page on a phone and a computer
- Your offer (optional)
- Customer words (optional)
You get
- A slot-by-slot layout with your own copy in every slot
- Three design directions from your brand, and a build brief for the chosen one
- Shopify theme files with your copy loaded in, and install steps
- An audit of your live page, what blocks shoppers, changes to test and a score out of 100
Use it when
- You like how another brand's product page is laid out and want yours to work the same way.
- Your product page is a standard theme with your copy dropped in, and it doesn't sell.
- You want a new page built in Shopify without writing theme code.
Steps
- Competitor landing page layout planner: Attach a page screenshot and facts. Get its layout filled with your own words and facts.
- Landing page design planner: Paste your page copy, colours and fonts. Get three on-brand designs and a build brief.
- Shopify landing page builder: Paste your page copy and theme. Get Shopify files with your copy loaded in, and install steps.
- Product page screenshot auditor: Attach product page screenshots. Get what blocks shoppers, changes to test and a score out of 100.
How to use it
- Download the handoff pack. It's a zip with HANDOFF.md and every skill file this workflow uses.
- Give the folder to Claude (in Claude Code, or as files in a Claude Project) and say "Follow HANDOFF.md".
- Have your inputs ready. A full-page screenshot of the page you admire, your brand file and your product facts.
- It works step by step and saves each result. After step 3, upload the files to your theme and publish the page.
- Take screenshots of the live page on a phone and a computer, then give them to the last step.