Skip to content

AI agent skills

The zaptime-monorepo ships agent skills: step-by-step instructions, API references and code templates that guide a coding agent (Claude Code, Cursor, Codex, Copilot and others) through a Zaptime integration. They encode the gotchas documented on this site, so the agent gets the stylesheet import, SSR handling, calendarId isolation and error handling right the first time.

Installation

sh
npx skills add ZapTime/zaptime-monorepo

The skills CLI copies the skills into your project (for Claude Code into .claude/skills/). Commit them so every teammate and agent run uses the same instructions.

Available skills

SkillUse it when
zaptime-vue-integrationEmbedding and configuring ZaptimeCalendar from @zaptime/vue3 in a Vue 3 or Nuxt app: theme, locale, compact mode, rescheduling, booking-confirmed, several calendars per page, SSR and CSS problems, or driving the booking from the host's own form with externalBooking.
zaptime-headless-calendarBuilding a fully custom calendar UI on @zaptime/core: composing the month grid, time slots, dashboard-defined booking form, guests, rescheduling and payments with the app's own design system.

Each skill contains:

  • SKILL.md: the procedure the agent follows (profile the app, pin the scope, install, build, wire submission, verify in the browser).
  • reference.md: props, events, config keys, theme tokens, composable and API signatures.
  • templates/: ready-to-copy components. BookingCalendar.vue and ExternalBookingForm.vue for the Vue integration; HeadlessCalendar.vue and useZaptimeInit.ts for the headless build.

Example prompts

Add a Zaptime booking calendar to the /contact page. Token is in NUXT_PUBLIC_ZAPTIME_TOKEN.
Use our dark theme and Czech locale. Close the modal on booking-confirmed.
Build a booking calendar with @zaptime/core using our shadcn-vue components.
It lives in the onboarding wizard as step 3. Support rescheduling.

The agent reads the matching skill automatically when the request mentions Zaptime, or you can invoke it explicitly (/zaptime-vue-integration in Claude Code).

Managing the account with an assistant

Skills help an agent write integration code. To let an assistant read and change your Zaptime account itself (event types, availability, reservations, workflows), connect the MCP server.