openfront-restaurant-custom-storefront

Plan and build custom Openfront Restaurant 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-restaurant-custom-storefront-openshiporg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: openfront-restaurant-custom-storefront
Source: https://github.com/openshiporg/docs/tree/main/public/skills/openfront-restaurant-custom-storefront
Command: npx skills add https://github.com/openshiporg/docs --skill openfront-restaurant-custom-storefront-openshiporg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Customizing a restaurant storefront without understanding the existing backend contract leads to broken flows, unauthorized data access, and duplicated business logic. This Skill guides a structured process of source orientation, user interviews, and contract inspection before any code changes. ## Core Features & Use Cases - Source-Grounded Planning: Traces actual routes, data loaders, GraphQL operations, and access rules in the Openfront Restaurant codebase before proposing changes. - Built-in vs Separate Client Guidance: Helps decide whether to adapt the built-in storefront or build an independently deployed client with a pinned schema and BFF pattern. - Capability Matrix: Classifies each requested feature as verified, presentation-only, needing backend contract work, blocked, or absent. - Use Case: A team wants to redesign the menu discovery and checkout experience of their Openfront Restaurant deployment. The Skill interviews stakeholders, inspects features/storefront and schema.graphql, then produces a safe implementation plan distinguishing UI-only changes from backend work. ## Quick Start Ask the assistant to plan a custom storefront for your Openfront Restaurant deployment by first inspecting the current source code and GraphQL schema.

Frequently Asked Questions about openfront-restaurant-custom-storefront

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

FAQPage Schema
How do I customize the Openfront Restaurant storefront?

Start by inspecting the current source: enumerate app routes, trace screens in features/storefront, and read schema.graphql plus access rules. Then decide whether to adapt the built-in client or build a separate one, and classify each change as presentation-only or backend contract work.

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

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 pin the schema, use checked named operations, and keep privileged credentials server-side behind a BFF.

Can I reuse Ecommerce GraphQL operations in the Restaurant storefront?

No, not without validation. The Skill explicitly warns against borrowing Ecommerce roots or renaming products and orders into the restaurant vertical. Every operation must be verified against this product's schema.graphql and access rules first.

What security rules apply when building a separate storefront client?

Never expose an arbitrary GraphQL proxy or accept browser-selected fields, operations, provider IDs, or endpoint URLs. Pin the exact schema, generate strict types, runtime-validate responses, and test anonymous, wrong-user, wrong-tenant, and provider-failure cases against disposable data.

What happens when a requested feature has no backend support?

The Skill requires one bounded server projection or command validating actor, scope, ownership, state transitions, idempotency, and audit evidence for consequential actions. If that contract does not exist, the feature is shown as unavailable and a backend contract is requested.