openfront-pharmacy-custom-storefront

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Customizing a pharmacy storefront without understanding the existing source architecture leads to broken checkout 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 is written. ## Core Features & Use Cases - Source-Grounded Planning: Traces actual app routes, screen components, data loaders, and GraphQL operations in features/storefront and features/keystone instead of guessing from conventions. - Built-in vs. Separate Client Guidance: Helps decide whether to adapt the existing storefront or build an independently deployed client with pinned schemas, strict types, and server-side credential handling. - Capability Matrix & Safe Handoff: Produces a verified/presentation-only/blocked capability matrix covering actor scope, idempotency, provider behavior, and audit evidence for pharmacy workflows like OTC checkout and prescription intake. - Use Case: A team wants to rebrand and restructure their pharmacy's online ordering experience. The Skill interviews stakeholders, inspects the real schema and access rules, then implements only presentation-safe changes while flagging anything requiring backend contract work. ## Quick Start Ask the assistant to plan a custom pharmacy storefront by first inspecting the current Openfront source checkout and GraphQL schema.

Frequently Asked Questions about openfront-pharmacy-custom-storefront

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

FAQPage Schema
How do I customize an Openfront Pharmacy storefront?

Start by inspecting the actual source: enumerate app routes, trace screen components in features/storefront, and read schema.graphql plus Keystone access rules. Then decide whether to adapt the built-in client or build a separate one, and confirm the plan before implementing.

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 safely. Build a separate client when you need independent deployment, but pin the schema, use checked named operations, and keep privileged credentials server-side.

Can a separate storefront client expose a GraphQL proxy to the browser?

No. The Skill explicitly forbids arbitrary GraphQL proxies and browser-selected fields, operations, or endpoint URLs. Use a trusted environment-pinned endpoint with checked named operations and a BFF layer for privileged credentials.

What pharmacy workflows does this storefront planning cover?

It covers OTC catalog, cart, and checkout, authenticated prescription intake, patient-safe status, order lookup, and pharmacist-controlled handoffs. Consequential actions require a bounded server command validating actor, scope, state transitions, and idempotency.

Why does the Skill require inspecting schema.graphql before coding?

A schema-valid document or generated CRUD is not proof of safe access. Reading schema.graphql, model access rules, and custom resolvers verifies which operations are actually authorized for each actor and tenant scope before proposing changes.