BuilderIO/booker
packages/scheduling/docs/skills/booker/SKILL.md
Public booking flow — the state machine, animations, and URL/app-state sync.
$ install --global
skillsauthnpx skillsauth add BuilderIO/agent-native bookerInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 23, 2026, 7:52 AM130.6s1 file scanned
SKILL.md
- name:
- booker
- description:
- Public booking flow — the state machine, animations, and URL/app-state sync.
Booker
Stages
- pick-date — month grid shows days with availability
- pick-slot — available slots on the selected day
- fill-form — attendee form (name, email, custom fields)
- success — confirmation with add-to-calendar buttons
Plus reschedule mode — prefilled from existing booking uid.
Animations
Use motion (motion/react) AnimatePresence with fadeInLeft variants. The outer
container animates its width across stages: narrow (calendar only) → wider
(calendar + slots) → widest (form).
Timezone + 12/24h
- Detect browser timezone at mount; let user override via dropdown.
- Persist choice to localStorage key
scheduling.timezone. - 12/24h toggle near slot column; persist to user settings.
URL + application-state sync
Selected date, slot, timezone, and duration are mirrored to URL query
params AND application_state.booker-state so:
- Page refresh preserves selection.
- Agent can read the user's current pick.
Copy-link affordance
Every event-type row has a "copy link" button. On click, write to clipboard and toast "Copied!" with Sonner. Works on mobile Safari too.
Accessibility
- Month grid is ARIA
grid+gridcellwith arrow-key nav. - Slot buttons are keyboard-focusable, with
aria-pressed. - Focus returns to trigger on modal close.
- Toast content announced via
aria-live=polite.
Mobile
< 768px: stack vertically. Calendar full-width, slot list below, form
slides in as full-screen sheet.
Related Skills
BuilderIO/workflows
tools
VerifiedTrustedCommunity
Trigger-based automations — reminders, follow-ups, webhooks — across the booking lifecycle.
46SKILL.mdUpdated Apr 19, 2026
BuilderIO/team-scheduling
tools
VerifiedTrustedCommunity
Team event types, round-robin assignment, collective bookings, host weights, and no-show calibration.
46SKILL.mdUpdated Apr 19, 2026
BuilderIO/slot-engine
development
VerifiedTrustedCommunity
The pure `computeAvailableSlots` function — inputs, outputs, invariants, and debugging guide.
46SKILL.mdUpdated Apr 19, 2026
BuilderIO/scheduling-basics
tools
VerifiedTrustedCommunity
Core concepts of the scheduling package — event types, schedules, bookings, hosts, teams, and how they compose.
46SKILL.mdUpdated Apr 19, 2026