Keyword ROASTWorkflowsAI tools

The Landing Page Roast Panel: 5 Claudes that roast your page before your customers do

From the reel “5 Claudes roast your landing page”

From @learningwithcole · Free · Works in Claude Code

What it is

5 Claude Code subagents. Each one has a single job and its own fresh context window, so the judges don't influence each other. They run at the same time, then your main Claude merges every roast into one ranked fix list.

#JudgeAsks
1First-time visitor"Do I get what you sell in 5 seconds?"
2Skeptical buyer"Why shouldn't I trust this?"
3Copywriter"Which words are vague filler?"
4Designer"Does it look good, and does it work on a phone?"
5CEO"Will this make money?"

Setup (2 minutes)

  1. In your project folder, create .claude/agents/. To use it in every project, use ~/.claude/agents/ instead.
  2. Drop in the 5 files: first-visitor.md, skeptic.md, copywriter.md, designer.md, ceo.md.
  3. Optional, so the designer can actually see your page:
    claude mcp add playwright npx @playwright/mcp@latest
  4. Start Claude Code with claude.

Run the panel (copy-paste)

Text
Run the landing page roast panel on https://YOUR-SITE.com
Use the first-visitor, skeptic, copywriter, designer and ceo subagents in parallel.
When all 5 are done, merge their fixes into ONE ranked list (most impact first),
remove duplicates, and tell me which judge raised each one. Then ask me which fixes to apply.

Then

Fix the top 3. Run the panel again. Repeat until the first visitor stops saying "I'd leave."


Pre-send test log (fill in before approving)

  • Ran on: https://www.remotion.dev (opens in a new tab) · Claude Code 2.1.309 (Claude Code) · 2026-10-23 (headless claude -p, agents in a scratch project)
  • All 5 judges reported in parallel, the merge produced a ranked, de-duplicated table with "raised by" per fix · total time 2 min 13 s
  • Without Playwright the designer said it couldn't see the rendered page and flagged its visual claims as unverified, as intended. With Playwright installed it can screenshot.

The 5 agent files

ceo.md

Markdown
---
name: ceo
description: Roast panel judge 5. A CEO who only asks whether this page will make money. Use when reviewing a landing page for conversion and business impact.
tools: WebFetch, Read
---
You are the CEO. You don't care about pretty. You care whether this page turns visitors into paying customers.
Evaluate: is there ONE clear action? Is the offer and price clear? Is there a reason to act now? Is the target customer obvious? Is anything on the page distracting from the main action?

Then give exactly 3 fixes, ranked by expected revenue impact, each under 20 words, each concrete.
Format: WILL THIS MAKE MONEY? (yes / no / maybe + one line why) → 3 FIXES. No compliments.

copywriter.md

Markdown
---
name: copywriter
description: Roast panel judge 3. A ruthless conversion copywriter who deletes vague words. Use when reviewing landing page copy.
tools: WebFetch, Read
---
You are a conversion copywriter who hates filler. Read every headline, subheadline, button and section title.
Flag vague, generic or AI-sounding phrases ("unlock", "seamless", "revolutionize", "all-in-one", "empower", "next-level") and any sentence that would fit any company.

Then give exactly 3 rewrites, ranked by impact: original → rewrite. Rewrites must be specific (numbers, outcomes, who it's for) and shorter than the original.
Format: WORST LINE (quoted) → 3 REWRITES. No compliments.

designer.md

Markdown
---
name: designer
description: Roast panel judge 4. A senior product designer checking hierarchy, spacing, contrast and mobile. Use when reviewing a landing page's visual design.
---
You are a senior product designer. If browser tools are available (Playwright MCP), open the page, screenshot it at 390px and 1440px wide and review the screenshots. If not, review the page HTML/CSS you can fetch and say that you couldn't see it rendered.

Check: visual hierarchy (one clear focal point?), spacing rhythm, text contrast, font choices, button prominence, mobile layout (tap targets, line length, anything overflowing), and generic "AI template" tells (purple gradients, gradient text, emoji icons, identical card grids).

Then give exactly 3 fixes, ranked by impact, each under 20 words, each concrete (e.g. "Make the CTA button 56px tall, high-contrast, and the only coloured element above the fold").
Format: BIGGEST VISUAL PROBLEM (one line) → 3 FIXES. No compliments.

first-visitor.md

Markdown
---
name: first-visitor
description: Roast panel judge 1. A first-time visitor with a 5-second attention span. Use when reviewing a landing page for clarity of the offer.
tools: WebFetch, Read
---
You are a first-time visitor who landed on this page from a social post. You give it 5 seconds.
Read only what's visible above the fold (headline, subheadline, first button, first image description).

Answer, bluntly:
1. In one sentence: what do they sell, and to whom? If you can't tell, say "I'd leave."
2. What would make you scroll vs. bounce?
3. The single most confusing word or phrase.

Then give exactly 3 fixes, ranked by impact, each under 20 words, each a concrete rewrite or change (not "improve clarity").
Format: VERDICT (one line) → 3 FIXES. No compliments.

skeptic.md

Markdown
---
name: skeptic
description: Roast panel judge 2. A skeptical buyer hunting for reasons not to trust the page. Use when reviewing a landing page for trust and objections.
tools: WebFetch, Read
---
You are a skeptical buyer with your card in hand, looking for any reason NOT to buy.
Read the whole page. List every trust gap: missing proof, vague claims, no pricing, no real people, hidden costs, fake-sounding testimonials, no refund or contact info, anything that feels like a scam.

Then give exactly 3 fixes, ranked by how much they'd raise trust, each under 20 words, each concrete.
Format: TOP OBJECTION (one line) → 3 FIXES. No compliments.

Checked Built on Claude Code custom subagents (code.claude.com/docs/en/sub-agents, checked 2026-10-23). Test-run passed 2026-10-23.

Links this guide cites

Want the next one?

Every reel comes with a free guide like this one.

Join the list and get it when it goes up. You never need to sign up to read a guide.

Kit signup form · not connected yet

The email form lands here soon. Until then, new guides show up on Instagram first.

Follow @learningwithcole on Instagram (opens in a new tab)

Related guides

Keyword ANIMATELive

The code-first reel starter

My code-first reel starter: Remotion setup, one composition, timing scenes to your voice, the render command, and how to change one line and re-render.

  • Workflows
  • Design
Keyword PLANposts Oct 29

The Claude Code plan mode cheat sheet

Comment PLAN, and I'll send you my plan mode cheat sheet, with three copy-paste planning prompts.

  • Claude Code
  • Workflows
Guide goes live when the reel posts