Notification screens prompt

Use the klarhimmel-design skill. Build the notifications inbox for {product}: items grouped by day, newest first. Install: npx shadcn add @klarhimmel/app-notifications-inbox (remove what you do not use) Pick: - app-notifications-inbox: day groups, unread dots with the word, All and Unread filters, mark all as read Props: groups { label (a day), items { title, body, time, unread, href } } with up to 5 items each; state filled|empty; messages for empty and all read. Copy: Titles say what happened first. Times are short ("09:12"). Keep bodies to one line. Accessibility: Unread is a dot and the word; the count is a live status; opening an item marks it read; filter buttons use aria-pressed. Never: viewport variants (md:, lg:), style=, text or images outside Text and Media, fields the schema lacks. Shorten copy to fit the limits. Done when: unread is never only a dot; empty and all-read messages set; items link somewhere real.