Protect your focus time

The prompt

Create a notification-boundaries onboarding step with Tailwind CSS. Include timezone, weekday working hours, quiet-hour preview, channel preferences, and a critical-alert exception. Show a weekly timeline that visualizes active and quiet periods. Add JavaScript that updates the timeline from start and end times, toggles weekdays, and summarizes the chosen boundaries before continuing.

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