Here is everything this site stores, and why. You can change your mind any time with the cookie button in the corner.

No advertising and no tracking across other sites.

Menu

SK

Hot 6: the front page of r/ClaudeCode

A small tool that reads the hot posts of r/ClaudeCode and shows the top six. It was one of my first builds with AI. I audited it, rebuilt it in this site's design system and connected it to the real feed.

The board

The six hottest posts when I last read Reddit's public feed (the date is under the board). Sort them, then open the discussion on Reddit.

  1. Hot #1 ·

    What is happening???, on Reddit

  2. Hot #3 ·

    Anyone else not using Fable AT ALL recently?, on Reddit

  3. Hot #4 ·

    ATTENTION HEAVY AI USERS, on Reddit

Read from Reddit on · r/ClaudeCode

Unofficial. Not affiliated with Reddit or Anthropic. Titles and links belong to their authors.

How it works

A small Node script reads the subreddit's public RSS feed once, skips megathreads, keeps the top six and saves a snapshot. The page is built from that snapshot, so visitors never wait on Reddit and Reddit never sees them.

Reddit's JSON API answers 403 to clients that are not registered, so the tool uses the public feed instead: one polite request per run. If Reddit refuses, the script waits and tries again. If it still fails, the last good snapshot stays and the page says when it was read.

The audit

The first version, a Next.js app, looked fine in a screenshot. Used properly, it did not hold up. This is what I found, and what I did about it.

The first version: a large lead card and five smaller cards of posts from r/ClaudeCode, in a cream and terracotta palette
  1. The posts were typed in by hand. The scraper never scraped. Now a script reads the feed.

  2. One card showed the subreddit's member count instead of the post. Now every card is a title, a date and a link, nothing else.

  3. The look borrowed someone else's brand: a terracotta palette, logos and a line saying "Inspired by Anthropic". Now it uses this site's own colours, type and components.

  4. The first screen was a decorative 3D picture made of borrowed logos. Now the first screen is the content.

  5. Touch targets were 36 and 20 px tall. Now every control is 48 px or more.

What I took from it

Looking at old work with fresh eyes is part of the job. The quickest upgrade was not a new feature. First make it true, then make it yours.

Built with

The first version used Next.js, React, Tailwind CSS and shadcn/ui.

Next case study

From Pipeliner to Coevera

Read it