August 2026

The prompt

Build a weekly schedule view with Tailwind CSS. The toolbar holds the month and year as a heading, previous and next chevron buttons with a "Today" button between them, a segmented Day, Week and Month control on the right and a dark "New event" button. The grid below has a narrow left gutter of hour labels from 08:00 to 18:00 in small monospaced text, and seven day columns with a header row showing the weekday abbreviation and the date number, where today gets a dark filled circle behind the number. Inside the columns, place absolutely positioned event blocks with top and height set inline, coloured with tinted backgrounds and a matching left border, showing a title and a time range in small text; include eight events across the week, two overlapping on one day rendered side by side at half width, and a red current-time line across the grid with a small dot at its left end.

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