Hire an AI Shopify reference-page builder and reviewer

Everything it can hand back

Your task sets the actual outputs. The specialist picks the methods that cover them.

• 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

How it does the job well

• Write for one named audience and one action. Each asset has a single job.
• Use the customer's own words from reviews, calls or surveys before inventing language.
• Every claim needs proof the business can show. Leave unproven claims out or mark them.
• Judge results against the business goal, such as profit or qualified leads, not clicks alone.

Mistakes it avoids

• Generic copy that could fit any brand.
• Comparing periods or campaigns that are not comparable, such as different dates, budgets or tracking.
• Calling a test winner before there is enough data.

What a good result looks like

An example, not your task: You like how another brand's product page is laid out and want yours to work the same way.

• Layout plan. A slot map with your own copy in every slot, and a note on what was borrowed and what was not.
• Design plan. Three on-brand design directions and a build brief for the one you pick.
• Shopify theme files. Your copy and chosen design loaded into theme files, with numbered install steps.
• Live page audit. What blocks shoppers, changes to test, and a score out of 100, based on your screenshots.
• HAND-BACK SUMMARY. Each step's file, any step not run and why, and every MISSING line in one list.

How the work is checked

• Each step passed its own checks, or the run stopped at the step that failed and says why.
• The steps ran in order, and each one used the result of the one before.
• Nothing was invented to fill a gap. Every gap is a MISSING: line.
• Nothing was sent, published or paid for without a clear yes.
• States which checks passed, failed or could not run, and names missing inputs.

These checks have not been run against a model yet. Your AI uses them to check its own work.

A second opinion

Before it hands back, your AI reviews the draft the way Joseph Sugarman would. This is a way of reviewing the work. It does not mean they wrote or endorse it.

Capabilities

• Plans the layout. Uses the layout planner to read the screenshot, log the layout system, decide what may be borrowed and write your copy for each slot.
• Plans the design. Uses the design planner to set type, colour and rules from your brand, make three directions and write a build brief.
• Builds the Shopify files. Uses the Shopify page builder to put the words in settings, read price and facts from your store and add install steps.
• Audits the live page. Uses the screenshot auditor to record only what it sees in your screenshots, test its guesses and score the page.

How the role works

1. Checks your task, context and available tools.
2. Picks the methods needed and prepares a work plan.
3. Carries out supported tasks, with each method's limits and review gates.
4. Checks the real deliverables and corrects supported faults.
5. Hands back files, evidence and unresolved gaps.

Your specialist's working setup

Download the base specialist without a task form or account. README.md and SETUP.md explain how to use the folder. SOUL.md defines its scope. INTAKE.md asks missing questions inside your AI. PLAYBOOK.md, SKILLS.md, BEST_PRACTICES.md, CHECKS.md and HANDOFF.md guide the work and its checked deliverables.

Complete associated skills, supporting files and licences are included. Choose only the methods needed for the actual task. Keep context, working files and accepted feedback in your AI project.

Use this specialist through MCP or the API

Call prepare_specialist with role_id shopify-page-rebuild only. No task is required to load it. Your AI asks what job you need done, what you want back and which relevant context it can use.

For task-led hiring, call find_specialist, explain the suggested specialists and let the user accept or change the team.

Complete ZIP: Download base specialist. API: GET /api/v1/specialists/shopify-page-rebuild/pack. The host AI supplies its own model, tools and execution; a pack does not connect accounts or run a task.

Inputs and helpful context

The specialist starts from the task brief. Only active methods require their inputs.

For the primary method, when used

• 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

Helpful context (optional)

• A full-page screenshot of the page you admire, not a cropped one
• Real product photos at full size
• Your theme name and version

Tools and access

• Shopify: Holds your theme, products and the page files this workflow builds.
• Claude: Keeps the slot map, the design and the theme files straight across four steps.
• PageSpeed Insights: Free Google check of the built page for phone speed and tap target problems.
• Any good chat AI that reads images: It reads the reference screenshot section by section, which the layout map depends on.
• Figma Make: Optional. Turns the layout map and your copy into a working page prototype. It needs a Figma account, and heavier use may need a paid plan.
• Claude: Holds a long design system and section plan in one chat, and can turn the chosen direction into a working page to preview.
• Figma Make: Turns the build brief into a working prototype you can tweak, so you can compare directions before anyone codes.
• WebAIM Contrast Checker: A free check of each text and background pair in your colours, before and after the page is built.
• Claude Code: Works on your theme files directly and can run Shopify CLI to preview and check them.
• Shopify CLI: Pulls your theme, previews the new page on a duplicate, and runs Theme Check before you upload.
• Shopify AI Toolkit: Shopify's own add-on for coding AIs, which checks Liquid against Shopify's current rules.
• Any good chat AI that reads images: It can tie each observation to a spot in your screenshots, which the evidence table depends on.
• Chrome DevTools device mode: Shows the page at a phone's width and saves a full-length screenshot, with the screen size known.

Functions and deliverables

• Shopify reference-page builder and reviewer: Share a reference page, brand facts and products. Get original page copy, design options, Shopify theme files and a later page review.
  • 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
• Competitor landing page layout planner: Turn a landing page screenshot into your own page layout plan. Get a section map and slot-by-slot copy built from your facts, not theirs.
  • A layout map of every section, marked keep, change or remove
  • A short list of the layout rules (width, spacing, corners, buttons, type feel)
  • A slot map with your copy for each slot, or MISSING
  • A list of what you still need to supply, and an optional plain HTML skeleton
  • Any of its own checks the plan still misses, each named
• Landing page design planner: Plan a landing page design from your copy and brand. Get three different directions, a section plan and a build brief, before anyone builds.
  • One design system with named colours, font roles, a main visual move and layout rules
  • Three design directions, each with its first screen, image job and section order
  • A section plan with one row per section, for phone and desktop, and a build brief you can paste into a design tool
  • If you sent screenshots, design and technical findings with a fix for each
  • Any of its own checks the plan still missed, one line each, or none
• Shopify landing page builder: Turn your finished landing page copy into a Shopify landing page: a section file, a page template with your words in, and install steps.
  • A section file and a page template, each in a code block with its file path
  • A list of images to upload, with what each must show and its size
  • Six install steps, and a MISSING list of anything left empty
  • Any of its own checks the files still miss, each one named
• Product page screenshot auditor: Check your product page screenshots for what stops shoppers buying. Get an evidence table, changes to test and a score out of 100.
  • A table of what was seen, where, what it might mean, the change to try and what's unknown
  • A list of what the screenshots couldn't show
  • The tests that need a real browser, and the next three steps
  • A task clarity score out of 100 (how clearly the captured page lets a shopper do the one thing), now and with the changes made
• Brand profile builder: Share your website. Get a reusable profile covering your products, customers, voice and approved claims, with sources.
  • A folder of eight plain files, from a start file for your AI to a claims list and a change log
  • A tag on every fact, and every claim marked approved, pending or banned
  • A two-sentence diagnosis of your biggest gap, and a list of what's missing and who can answer it
  • A short slice for your next step, if you name one
• Joseph Sugarman: Build a story-led product page through Joseph Sugarman’s recorded approach. Keep readers moving, state the drawback and plan a small test before rollout.
  • Your problem worked on the way Joseph Sugarman would: their questions, their method, their push-back
  • The answer or the work, in Joseph Sugarman's voice, using their ideas by name
  • Anything that goes beyond their public record, marked
  • One suggested next step

Tasks you can use it for

• 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.

Limits to check before starting

• You have no store yet or no product photos: set up your Shopify store first, then come back.
• You already have the layout and only need a page built: use the Plain HTML landing page builder.
• You want to score a page you already have: use the Landing page conversion reviewer or the 30-point landing page checker.

Best way to use this role

Give it one clear outcome, the actual files and a definition of done. Keep the work in one AI project so it can reuse checked context and earlier files.

• Download the handoff pack. It's a zip with HANDOFF.md and four skill files, in the order they run: Competitor landing page layout planner, Landing page design planner, Shopify landing page builder and Product page screenshot auditor.
• 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.

Read it as data

Read the complete role setup as JSON. Connect your AI to the AI Blocks MCP library and read aiblocks://roles/shopify-page-rebuild for its role instructions and pinned sources.

This is a prepared AI role. No task has run. Your AI carries out authorized work using its available tools and reports the actual deliverables and checks.