Klarhimmel UI

Testimonials prompt

What customers say, one quote or many.

Prompt

Prompt

Use the klarhimmel-design skill. Add customer quotes for {product}. Voices: {voices}. Install: npx shadcn add @klarhimmel/testimonials-grid @klarhimmel/testimonial-quote @klarhimmel/testimonials-carousel @klarhimmel/testimonials-wall (remove what you do not use) Pick: - testimonials-grid: up to 6 quotes with name and role - testimonial-quote: one large quote with a portrait - testimonials-carousel: one at a time with previous and next - testimonials-wall: many short quotes in columns Props: quote ≤400 (single) with name, role, company, photo as { src, alt }; items of { quote, name, role }, under 6 (wall 9). Copy: Real words, short, specific ("check-in takes a minute now"). Fictional names in examples; never real people. Accessibility: Quotes are blockquotes with an attribution. The carousel moves only when pressed. Portraits get alt text with the name. 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 quote has a name and role; no invented praise for real people; carousel works by keyboard.

Variables

VariableWhat to fill inExample
{product}What you sell, in a few wordsRoom booking for small hotels
{voices}Who speaks, with role and companya front-desk manager at a 20-room hotel

A good result

Every quote has a name and role. No invented praise for real people. Carousel works by keyboard.

checklist.md
- [ ] every quote has a name and role
- [ ] no invented praise for real people
- [ ] carousel works by keyboard