> ## Documentation Index
> Fetch the complete documentation index at: https://opencals.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# opencals-build-booking-site skill

> The Agent Skill that builds a whole booking website on Opencals — pick an official Next.js template, scaffold, wire availability and checkout, rebrand, and deploy to Vercel.

The build skill. Install it when you want an agent to stand up a complete booking
website — not just call the API. It picks the closest official template,
scaffolds it, wires it to a store, restyles it to your brand, and deploys it. For
exact API calls it defers to the [opencals-storefront-api skill](/docs/ai-agents/storefront-api-skill).

**Repo:** [github.com/letsopencals/skills](https://github.com/letsopencals/skills) ·
**Install:** [see the overview](/docs/ai-agents/overview#install)

## What it covers

* **Choosing a template** by booking shape (people vs resources, groups, multi-location).
* **The workflow**: scaffold → configure env → understand the SDK wiring → rebrand → verify → deploy to Vercel.
* **Resource-booking** (courts, lanes, rooms, equipment): the three conflict rules, `allowCustomDuration`, and the units × time grid strategy — the [VOLT template](/docs/open-source/volt) is the worked example.
* **Customising**: colour/font tokens, `siteConfig`, and what comes from the API vs. what you edit in code.

## Templates it builds on

<CardGroup cols={2}>
  <Card title="Haar — salon" icon="scissors" href="/docs/open-source/haar" />

  <Card title="Frisor — barbershop" icon="scissors" href="/docs/open-source/frisor" />

  <Card title="Clear Care — clinic" icon="stethoscope" href="/docs/open-source/clarity" />

  <Card title="VOLT — padel & squash" icon="trophy" href="/docs/open-source/volt" />
</CardGroup>

## When it triggers

"Build me a booking website", "I run a \[salon / clinic / padel club] and need a
booking site", or handing the agent a business idea plus inspiration.

## Related

* [Open-source templates](/docs/open-source/templates) — the template gallery
* [opencals-storefront-api skill](/docs/ai-agents/storefront-api-skill) — the exact API/SDK reference this skill builds on
* [Build a booking page](/docs/guides/build-a-booking-page) — the manual tutorial