Writing

The prompt

Create a lean blog archive with Tailwind CSS: a page title with a post count, a row of topic filter pills where one is active and dark, and a divided list of posts rendered as full-width rows rather than cards. Each row carries a data-topic attribute and shows the date in a fixed-width muted column on the left, the title and a one-line excerpt in the middle, a topic chip, and an arrow that slides right on hover. Add a bordered "Load more" button centered at the bottom. Then add JavaScript that filters the list when a pill is clicked, moves the active pill styling, updates the visible post count in the header, hides the Load more button when a filter is narrowing the list, and reflects the current topic in the URL query string so a filtered view can be linked and restored on load.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? Open the Tailwind source.