booker

Automates booking flows with stage management, URL sync, and animated transitions.

Updated Apr 28, 2026
One-click install
npx skills add https://github.com/andrmaz/blend --skill booker
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: booker
Source: https://github.com/andrmaz/blend/tree/main/packages/scheduling/docs/skills/booker
Command: npx skills add https://github.com/andrmaz/blend --skill booker

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Public booking flows often lose context as users move between dates, slots, and forms, causing inconsistent state and broken URL synchronization. This skill provides a deterministic, animated booking process that preserves progress across reloads and shareable links.

Core Features & Use Cases

  • Stage-based workflow: pick-date, pick-slot, fill-form, and success, with an optional reschedule mode.
  • URL/app-state synchronization: query parameters and application_state.booker-state keep the current booking visible in the address bar and allow easy sharing.
  • Animations: smooth transitions between stages to improve user experience and reduce cognitive load.

Quick Start

Open the booking flow, select a date and slot, and fill the attendee form to complete a booking.

Frequently Asked Questions about booker

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I preserve booking flow state across page reloads using URL query parameters?▼

You can preserve booking flow state by synchronizing stage progress using URL query parameters and application_state.booker-state, ensuring the current booking remains visible and recoverable across reloads and shareable links.

What is the best way to manage deterministic stage progression in a frontend booking workflow?▼

The best way to manage deterministic stage progression is implementing a front-end state machine that sequentially moves through pick-date, pick-slot, fill-form, and success stages, including an optional reschedule mode for flexibility.

How do you add animated transitions between booking stages in a web application?▼

You add animated transitions between booking stages by integrating smooth transition logic within the stage management workflow, which improves user experience and reduces cognitive load when moving between steps.

Can I use a state machine to handle reschedule logic in a public booking flow?▼

Yes, a state machine can handle reschedule logic by applying deterministic progression rules to the booking workflow, allowing users to re-enter the stage flow and modify existing date, slot, or form selections.

Why does my booking flow lose context when users navigate between dates and forms?▼

Booking flows lose context because state is not synchronized across navigation steps; applying URL synchronization and persistent application_state.booker-state ensures progress is maintained during date, slot, and form interactions.

Does this booking workflow require external dependencies to manage state synchronization?▼

No, this booking workflow requires zero external dependencies, relying entirely on its internal front-end state machine to handle URL query parameter synchronization and application_state persistence.