Klarhimmel UI

Report prompt

A document for one reader: figures, decisions with a recommended default, tables, a timeline, callouts and sources.

Prompt

Prompt

Use the klarhimmel-design skill. Build the {kind} report on {topic} for {reader}. Install: npx shadcn add @klarhimmel/report-header @klarhimmel/report-stats @klarhimmel/report-decisions @klarhimmel/report-table @klarhimmel/report-timeline @klarhimmel/report-callout @klarhimmel/report-sources @klarhimmel/report-prose (remove what you do not use) Pick: - report-header: kind, title, summary, meta; the page h1 - report-stats: two to six figures - report-decisions: numbered, each with a recommended default - report-table: long cells; cards on a phone - report-timeline: what happened and when - report-callout: note, tip, warning or important - report-sources: numbered sources - report-prose: headed text for the rest Props: Each block takes a title and items; report-decisions items are { question, recommended, options, why, reply }, report-table takes columns and rows as { cells }, report-callout a tone. Or write Markdown and run kh-report (docs/report-kit.md). Copy: Lead with the answer and what the reader must decide, each with a default. Short sentences, no hype. Accessibility: Kinds and tones are words with a shape, not colour alone. report-header carries the h1; the rest start at h2. 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: one h1; a default for every decision; no sideways scroll at 390.

Variables

VariableWhat to fill inExample
{kind}Status, Decision or ResearchStatus
{topic}What it is aboutthe directory
{reader}Who reads itthe owner

A good result

One h1. A default for every decision. No sideways scroll at 390.

checklist.md
- [ ] one h1
- [ ] a default for every decision
- [ ] no sideways scroll at 390