- Agent kit
Contact prompt
How to reach you: form, booking slots, offices or a single email.
Prompt
Prompt
Use the klarhimmel-design skill. Build the contact section for {business}: {channels}. Install: npx shadcn add @klarhimmel/contact-form @klarhimmel/contact-minimal @klarhimmel/contact-offices @klarhimmel/contact-booking (remove what you do not use) Pick: - contact-form: details beside a message form - contact-minimal: one big email link and quiet details - contact-offices: a card per office with hours - contact-booking: options beside static time slots Props: labels for every field; details as short lines; action (optional) for the landing page. Leave a field empty to drop its line. Copy: Say when a reply comes ("we answer within one working day"). No fake phone numbers: use .example addresses in samples. Accessibility: Every input has a label; the form announces errors as text. Email and phone are real links (mailto:, tel:). The block never submits: listen for submit in the page. 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 field labelled; reply time stated; submit handled in the page.
Variables
| Variable | What to fill in | Example |
|---|---|---|
{business} | Who is being contacted | Exempelhotellet |
{channels} | How people can reach you | a message form, phone, reception hours |
A good result
Every field labelled. Reply time stated. Submit handled in the page.
- [ ] every field labelled
- [ ] reply time stated
- [ ] submit handled in the page