Stats prompt
A few numbers that prove the point.
Prompt
Prompt
Use the klarhimmel-design skill. Show the numbers behind {product}: {numbers}. Install: npx shadcn add @klarhimmel/stats-row @klarhimmel/stats-cards @klarhimmel/stats-split @klarhimmel/stats-bars (remove what you do not use) Pick: - stats-row: two to four large figures - stats-cards: cards with context and a change badge - stats-split: one oversized figure and supporting numbers - stats-bars: shares and rates as horizontal bars Props: items with value ≤16 and label; stats-bars take label, value, note and a fill enum in tens. Values are text, so write "4.8", "1 200", "98%". Copy: Only figures you can source; say the period ("per week"). In an example, mark them as sample numbers. Accessibility: Value and label read as one pair. Bars need the value as text, not only a length. 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: every figure has its unit and period; two to four items; bars show their value as text.
Variables
| Variable | What to fill in | Example |
|---|---|---|
{product} | What you sell, in a few words | Room booking for small hotels |
{numbers} | Two to four real figures with what they measure | 1 200 bookings a week, 4.8 rating |
Blocks it uses
A good result
Every figure has its unit and period. Two to four items. Bars show their value as text.
- [ ] every figure has its unit and period
- [ ] two to four items
- [ ] bars show their value as text