Stop sending slop.

Tobi Lütke is Shopify's CEO. And he coined an expression I keep using:

Slop grenades.

Think about your day. A recent Microsoft study shows that white-collar jobs (it’s you & me) spend 28% of the day giving updates, briefs, or memos.

Now Claude writes all of them.

And I constantly receive Claude slop-grenades:

→ A wall of text.
→ Titles that sound like poetry.
→ 12 boxes, and no idea where to start.
→ And no clue what I’m looking at, or why I got it.

I get them from everyone, everywhere.

And I reject them with all of my heart:

There are only two ways to stop it.

Never send one.
Or fix the ones you get.

I built the solution for both (and it’s the same prompt, so very easy).

Here’s an example (before left and after right):

By the end of this newsletter, you will master reporting with Claude.

Before starting, make sure:

You have 5 minutes. To copy and paste my method.
You share this newsletter. To anyone slop-grenading you.

PS: This newsletter grows from your shares. And I keep hitting 1,000+ shares! It’s my weekly north star. Sharing is free & helps me stay laser focused on mastering AI for you.

1. The one line.

I made a free library on my GitHub, and made it public: Grenade.

It’s one page of rules to unslop Claude reports.

Add “Follow github.com/rubenhassid1/grenade” to the end of any prompt: Claude reads the rules, then builds the page your reader needs.

To make a page: add your notes, a spreadsheet, or a doc to the chat.

Then paste this line in Claude:

Make an HTML page about [YOUR TOPIC] for [WHO WILL READ IT]. 

Follow github.com/rubenhassid1/grenade.

Two parts of that line matter most:

→ “HTML page”. Without it, Claude may make a plain doc that reads like a DM.

→ “For [who]”. “For Dana, my colleague” is not the same as “For Dana, my CFO”.

Here’s the prompt for a sample company, with its notes attached:

To fix a page: someone sent you a grenade? Drop it in Claude: the file or the link. Then paste this line (an artifact = any page Claude made):

Fix this artifact. Follow github.com/rubenhassid1/grenade

Claude may ask you 2 or 3 clickable questions first, like who reads the page. Then it opens the GitHub link, reads the rules, and follows them. You install nothing.

Upgrade today to get 100% of my articles.

2. What it makes.

What Claude makes depends on one thing: the job of the page.

Every page you send has ONE job for the person who opens it.

Because that’s the key to good designs: it’s not pretty; it’s easy to read and understand (so people can make a decision).

They need to decide. Catch up. Keep checking. Learn. Say yes. Use it. Or keep it.

Here are 7, one prompt each:

Decide (a memo, a brief) → a decision page. The ask on top.
Catch up (a weekly or monthly update) → a report. 3 or 4 numbers.
Keep checking (a tracker) → a dashboard. Number tiles on top.
Learn (a process, an onboarding) → a step-by-step guide. One step per screen.
Say yes (a pitch, a proposal) → slides. One idea per slide.
Use it (a calculator, a planner) → a tool. It fits one screen.
Keep it (a cheat sheet) → a one-page sheet. Grouped cards.

Here’s the decision page:

And the dashboard:

Now the fix. Claude lists the slop first, then rebuilds the page for the reader.

About half the words go:

Here’s the grenade from the top of this newsletter: before → after.

And when a page is already good, Claude keeps its layout and fixes only the small things:

I run Claude live workshops every week for my paid community. Upgrade today.

3. How pros report.

You need three things:

Claude Code, in the Claude desktop app (on a paid Claude plan).
A free GitHub account. It keeps your page’s code, in a private folder only you can see.
A Vercel account. It puts your page online (free for personal sites, $20 a month for work pages).

1: Create a free GitHub account.

GitHub is where your page’s code lives online. Think of it as a Google Drive for code. The free plan is enough.

Go to github.com. Click Sign up.

2: Create a free Vercel account.

Vercel turns your code into a website with a link.

Go to . Click Continue with GitHub.

Vercel’s free plan is for personal sites only.

3: Open Claude Code.

Open the Claude desktop app → Code. Pick a new, empty folder. Pick Auto.

4: Paste this line.

Put your notes in the folder. Then:

Make a website about [YOUR TOPIC] for [WHO WILL READ IT]. Follow github.com/rubenhassid1/grenade, the web version.

And then you can follow-up with:

Turn this artifact into a website. Follow github.com/rubenhassid1/grenade, the web version.

Claude will give you the link, the passcode, and where the code lives. Send the link and the passcode to your reader. Without the passcode, this is all anyone sees:

Once your website is live, stay in the same folder and paste this:

Make this website look and feel 10x better, with these free tools:
npx skills add emilkowalski/skills
npx impeccable install
npx shadcn@latest add @magicui/number-ticker @magicui/blur-fade
Run each one, read what it installed, and use it. Keep every number. Follow github.com/rubenhassid1/grenade, the web version.

What each one does:

→ Emil Kowalski’s skills: 16 skills on motion and polish. Buttons react when you press them. Dark mode fades in instead of flashing.

→ Impeccable: a slop detector. It scans your page and fixes what looks AI-made. On ours, it found 3 problems, like a thick orange line on top of rounded cards. Then it checks again after every change Claude makes in that folder.

→ Magic UI: animated pieces. Big numbers count up when the page opens. The first screen fades in.

Anthropic’s own design skill added nothing to ours: its taste fights the Claude look. Skip it here.

For a guide or a how-to, there’s a bigger one: Stageshow.

It draws every screen your reader will see, and plays it with a cursor.

Copy and paste this prompt for my favorite designed pages:

参与讨论