openfront-airline-custom-storefront

Plans and builds custom Openfront Airline storefronts by inspecting source code and GraphQL contracts.

27|5|Updated Aug 10, 2022
One-click install
npx skills add https://github.com/openshiporg/docs --skill openfront-airline-custom-storefront-openshiporg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: openfront-airline-custom-storefront
Source: https://github.com/openshiporg/docs/tree/main/public/skills/openfront-airline-custom-storefront
Command: npx skills add https://github.com/openshiporg/docs --skill openfront-airline-custom-storefront-openshiporg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Customizing an airline storefront without understanding the existing source architecture leads to broken booking flows, unauthorized GraphQL calls, and duplicated business logic. This Skill guides a structured process of source orientation, user interviews, and contract inspection before any code is written. ## Core Features & Use Cases - Source Architecture Orientation: Maps the Openfront Airline repository structure, including features/storefront, app routes, Keystone models, and schema.graphql, so changes start from verified behavior. - Structured Discovery Interview: Asks targeted questions about target revision, deployment mode, required journeys, and test environments before proposing implementation. - Capability Matrix & Safe Client Guidance: Produces a verified/presentation-only/blocked capability matrix and enforces safe patterns for adapting the built-in client or building a separate BFF-backed client. - Use Case: A team wants to rebrand and extend the airline booking experience. The Skill inspects the actual routes, GraphQL operations, and access rules, then distinguishes safe UI changes from work requiring new backend contracts. ## Quick Start Use the openfront-airline-custom-storefront skill to plan a custom storefront against my checked-out Openfront Airline repository.

Frequently Asked Questions about openfront-airline-custom-storefront

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

FAQPage Schema
How do I customize the Openfront Airline storefront?

Start by inspecting the features/storefront directory, which contains the screens, data loaders, sessions, and UI composition. Then decide whether to adapt the built-in client in place or build a separately deployed client against the pinned GraphQL schema.

Should I adapt the built-in client or build a separate storefront?

Adapt the built-in client when you can reuse existing sessions, transport, design tokens, and named server operations. Build a separate client when you need independent deployment, but keep privileged credentials server-side behind a BFF and never expose an arbitrary GraphQL proxy.

What must be inspected before changing airline booking flows?

Enumerate actual app routes, trace every data loader and server action, list GraphQL operations, and read schema.graphql plus model and field access rules. Record actor, tenant scope, idempotency, and error states for each required operation before proposing code.

Can I reuse Ecommerce GraphQL queries in the Airline product?

No. The Skill explicitly forbids borrowing Ecommerce roots or renaming products and orders into the airline vertical without validating they exist and are authorized. Airline workflows use shopping, booking, check-in, baggage, and disruption concepts with their own authority boundaries.

What happens when a required backend operation does not exist?

The Skill requires one bounded server projection or command validating actor, scope, ownership, state transition, and idempotency for consequential actions. If it does not exist, you request the backend contract and show the feature as unavailable rather than faking it in the client.