Klarhimmel UI

Operations screens prompt

Daily readiness and authorized access details with source coverage.

Prompt

Prompt

Use the klarhimmel-design skill. Build the operations screen for {product}. Install: npx shadcn add @klarhimmel/app-operations-summary @klarhimmel/app-access-detail (remove what you do not use) Pick: - app-operations-summary: daily counts, attention and synchronization caveat - app-access-detail: one authorized record with validity, permissions and local history Props: Supply confirmed counts, sourceNote and explicit validity. permissions=null means unread; [] means no access. Copy: State the data source and coverage. Keep codes fictional in public examples. Accessibility: Label the copy action. Keep validity and unknown permissions in readable text. 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: source freshness is visible; unknown permissions differ from an empty list; the host owns authorization and mutations.

Variables

VariableWhat to fill inExample
{product}What you sell, in a few wordsRoom booking for small hotels

A good result

Source freshness is visible. Unknown permissions differ from an empty list. The host owns authorization and mutations.

checklist.md
- [ ] source freshness is visible
- [ ] unknown permissions differ from an empty list
- [ ] the host owns authorization and mutations