Case study prompt
A result told as numbers, a story, a card or a before and after.
Prompt
Prompt
Use the klarhimmel-design skill. Tell one customer result for {product}: {result}. Install: npx shadcn add @klarhimmel/case-study-metrics @klarhimmel/case-study-before-after @klarhimmel/case-study-story @klarhimmel/case-study-card (remove what you do not use) Pick: - case-study-metrics: led by 2 to 4 big numbers, then a quote - case-study-before-after: one metric before and after - case-study-story: challenge, approach, result in words - case-study-card: one to three result cards Props: client, title, summary; metrics or before/after as text with units; quote with name and role; media { src, alt }. Copy: One customer, one result, with the number and the period. A fictional client in samples; real ones only with permission. Accessibility: Numbers and labels are read as pairs. Images need alt text. Link text says "Read the full story". 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: the figure has a unit and period; client approved or fictional; one story per block.
Variables
| Variable | What to fill in | Example |
|---|---|---|
{product} | What you sell, in a few words | Room booking for small hotels |
{result} | The result with its figure | a 20-room hotel cut check-in from 6 minutes to 1 |
A good result
The figure has a unit and period. Client approved or fictional. One story per block.
- [ ] the figure has a unit and period
- [ ] client approved or fictional
- [ ] one story per block