Klarhimmel UI

FAQ prompt

The questions people ask before they buy.

Prompt

Prompt

Use the klarhimmel-design skill. Write an FAQ for {product}. Cover: {questions}. Install: npx shadcn add @klarhimmel/faq-list @klarhimmel/faq-columns @klarhimmel/faq-grouped (remove what you do not use) Pick: - faq-list: up to 10 questions that open; the default - faq-columns: up to 8 answers always open, in two columns - faq-grouped: more than 8, under named topics Props: items with a question and an answer; groups with a name and items. Answers are plain text. Copy: Questions as the customer would say them. Put the answer in the first sentence; no answer longer than a short paragraph. Accessibility: Each question is a details/summary disclosure, so Enter and Space work with no script. Answers stay in the page for search. 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: each answer starts with the answer; questions are in the reader's words; questions open by keyboard.

Variables

VariableWhat to fill inExample
{product}What you sell, in a few wordsRoom booking for small hotels
{questions}The doubts to answercancelling, invoices, data

A good result

Each answer starts with the answer. Questions are in the reader's words. Questions open by keyboard.

checklist.md
- [ ] each answer starts with the answer
- [ ] questions are in the reader's words
- [ ] questions open by keyboard