Klarhimmel UI

Multi-location local service template prompt

Builds the Multi-location local service template (9 pages) from 27 blocks in one pass.

Prompt

Prompt

Use the klarhimmel-design skill. Build a multi-location local service site for {business}, for {audience}: a multi-page site for a local service business with two to five locations (clinic, salon, workshop, dental or vet practice): home, services with prices, one service in detail, locations, one location in detail, reviews, about, careers, and a booking and contact page. Install: npx shadcn add @klarhimmel/template-multi-location (the pages and every block they use) Pages: Home /, Services /services/, Service /services/service-name/, Locations /locations/, Location /locations/city-name/, Reviews /reviews/, About us /about/, Careers /careers/, Contact /contact/. Keep them; swap a block only for another of its category. Props: start from each block's defaults and replace every string with {business} copy; links are { label, href }, images { src, alt }. Copy: plain words, one idea a section, a fictional business in samples. The one action is {action}. Accessibility: one h1 (the hero); alternate default and muted tones, use inverse once at the end; check 390 px. 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: one h1; one primary action; every field within its limit; alt text on images; build passes.

Variables

VariableWhat to fill inExample
{business}The businessExempelhotellet
{audience}Who it is forHotels with 10 to 40 rooms
{action}The one next stepStart a free trial

A good result

The template's sections in order on every page, your copy in every field, one h1, one primary action.

checklist.md
- [ ] the sections are in the template's order
- [ ] one h1
- [ ] one primary action
- [ ] every field within its limit
- [ ] alt text on every image
- [ ] no overflow at 390 px
- [ ] the build passes