openfront-salon-custom-dashboard

Plan and build a custom Openfront Salon operator dashboard from source inspection.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Customizing the Openfront Salon operator dashboard is risky without knowing the real server contract: guessing GraphQL operations, borrowing Ecommerce conventions, or duplicating authorization logic in components leads to broken or unsafe 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-Grounded Planning: Explains the actual architecture (features/dashboard, features/platform, app/dashboard, Keystone models and schema.graphql) before proposing changes. - Structured Interview & Capability Matrix: Interviews the user about goals, roles, and constraints, then classifies each requested feature as verified, presentation-only, needs backend contract, blocked, or absent. - Built-in vs Separate Client Guidance: Provides distinct implementation rules for adapting the built-in dashboard or deploying an independent client with pinned schemas, named operations, and fail-closed validation. - Use Case: A salon platform team wants a redesigned appointments and waitlist screen. The Skill inspects the real routes, server actions, and GraphQL operations, identifies which changes are presentation-only versus requiring new backend mutations, and produces a safe implementation plan. ## Quick Start Ask the assistant to plan a custom Openfront Salon operator dashboard and provide the path to your Salon source checkout and target revision.

Frequently Asked Questions about openfront-salon-custom-dashboard

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

FAQPage Schema
How do I customize the Openfront Salon operator dashboard?

Start by inspecting the actual source: `features/dashboard` holds the generic Keystone admin shell and `features/platform` holds the Salon-specific screens and server actions. Then decide whether to adapt the built-in dashboard or build a separate client, and verify every GraphQL operation against `schema.graphql` before coding.

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

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

Can I reuse Ecommerce GraphQL operations in the Salon dashboard?

No, not without validation. The Skill explicitly forbids borrowing Ecommerce roots or renaming products/orders into the Salon vertical unless you confirm those operations exist and are authorized in the Salon schema and access rules.

What is a capability matrix in dashboard planning?

A capability matrix classifies each requested feature as verified, presentation-only, needs backend contract, blocked, or absent. It is produced after tracing routes, data loaders, GraphQL documents, access rules, and provider integrations, and it prevents claiming a workflow works when the backend contract is missing.

Why is a schema-valid GraphQL query not proof a dashboard flow works?

Schema validity only proves the document parses; it does not prove the actor has access, the tenant scope is correct, or the lifecycle transition is allowed. The Skill requires checking model and field access, custom resolvers, idempotency, and error states for each operation.