openfront-barbershop-custom-dashboard

Plan and build a custom Openfront Barbershop operator dashboard from inspected source code.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Customizing the Openfront Barbershop operator dashboard is risky without knowing the real architecture: teams often guess at GraphQL contracts, borrow Ecommerce conventions, or ship UI changes that break booking, POS, or queue workflows. This Skill guides a disciplined process of source orientation, user interviews, and contract inspection before any code is written. ## Core Features & Use Cases - Source Architecture Orientation: Explains where behavior lives in the repository, including features/dashboard (generic Keystone admin shell), features/platform (Barbershop-specific screens and workflows), app/dashboard routes, and the Keystone schema and access rules. - Structured Requirements Interview: Asks a concise set of questions about the target checkout, built-in versus separate client mode, operator jobs, roles, visual direction, and available test environments. - Contract Verification and Capability Matrix: Traces routes, data loaders, GraphQL operations, access rules, and provider integrations, then classifies each requested feature as verified, presentation-only, needs backend contract, blocked, or absent. - Use Case: An agency is asked to redesign the barbershop's walk-in queue and POS screens. The Skill walks them through inspecting the actual schema and server actions, distinguishing safe UI-only changes from work requiring new backend mutations, and producing a handoff report with blockers and test evidence. ## Quick Start Ask the assistant to plan a custom operator dashboard for your Openfront Barbershop checkout and answer its interview questions about your source revision and desired changes.

Frequently Asked Questions about openfront-barbershop-custom-dashboard

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

FAQPage Schema
How do I customize the Openfront Barbershop dashboard?

Start by inspecting the actual source: `features/dashboard` holds the generic Keystone admin shell and `features/platform` holds the Barbershop-specific screens and workflows. Then decide whether to adapt the built-in client or create a separately deployed client, and verify every GraphQL operation against the real schema before coding.

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

Adapt the built-in client when you can reuse the existing session, transport, design tokens, and named server operations safely. Build a separate client when you need independent deployment, but then pin the schema, use checked named operations, and never expose an arbitrary GraphQL proxy to the browser.

Can I reuse Ecommerce GraphQL operations in the Barbershop dashboard?

No, not without validation. The Barbershop vertical has its own workflow nouns and authority boundaries around services, schedules, booking, queue, POS, and commissions. Ecommerce roots must be verified to exist and be authorized in this product's schema before use.

What must be verified before implementing a dashboard feature?

Enumerate app routes, trace screen components and their data loaders, list GraphQL operations, and read schema.graphql plus model and field access rules. Record actor, tenant scope, inputs, outputs, idempotency, and error states, then classify each feature in a capability matrix.

What happens if a required backend operation does not exist?

The feature is marked as needing a backend contract or blocked, and the UI should show it as unavailable. Consequential actions require one bounded server command validating actor, scope, ownership, state transition, idempotency, and audit evidence before any client work proceeds.