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.