- Agent kit
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
| Variable | What to fill in | Example |
|---|---|---|
{product} | What you sell, in a few words | Room booking for small hotels |
Blocks it uses
A good result
Source freshness is visible. Unknown permissions differ from an empty list. The host owns authorization and mutations.
- [ ] source freshness is visible
- [ ] unknown permissions differ from an empty list
- [ ] the host owns authorization and mutations