Skip to main content
v0 supports Agent Skills, so it uses the same two Opencals skills as Claude Code and Cursor. It generates a standard Next.js app on @opencals/storefront-sdk, which you can keep developing anywhere.
1

Create a storefront key

In the Opencals dashboard open Settings → API Keys and create a key (sfk_…). Leave allowed origins empty: the SDK runs in server code, which sends no Origin header.
2

Attach the skills

In the v0 prompt bar open the skills menu (type / in the composer) and add the Opencals skills from skills.sh:
Attach both opencals-build-booking-site and opencals-storefront-api, and save them to your personal or team scope.
3

Add the environment variable

v0 asks for missing environment variables above the composer, or add them to the project yourself:
4

Describe the business

Other tools, same skills

Check before publishing

  • Slot times from the API are UTC. If the picker shows raw UTC, tell v0: “slot times are UTC, show them in the store’s timezone”.
  • Book end to end with Stripe’s test card 4242 4242 4242 4242 and confirm the booking appears in the dashboard.
  • Publish to Vercel, then switch the store to production to take real payments.
Last modified on September 26, 2026