Back to Skill Hub
Download Skill Package

System Prompt / Instructions

Shopify Apps

Patterns

React Router App Setup

Modern Shopify app template with React Router

Embedded App with App Bridge

Render app embedded in Shopify Admin

Webhook Handling

Secure webhook processing with HMAC verification

Anti-Patterns

❌ REST API for New Apps

❌ Webhook Processing Before Response

❌ Polling Instead of Webhooks

⚠️ Sharp Edges

| Issue | Severity | Solution | |-------|----------|----------| | Issue | high | ## Respond immediately, process asynchronously | | Issue | high | ## Check rate limit headers | | Issue | high | ## Request protected customer data access | | Issue | medium | ## Use TOML only (recommended) | | Issue | medium | ## Handle both URL formats | | Issue | high | ## Use GraphQL for all new code | | Issue | high | ## Use latest App Bridge via script tag | | Issue | high | ## Implement all GDPR handlers |

Frequently Asked Questions

What is shopify-apps?

shopify-apps is an expert AI persona designed to improve your coding workflow. Expert patterns for Shopify app development including Remix/React Router apps, embedded apps with App Bridge, webhook handling, GraphQL Admin API, Polaris components, billing, and app extensions. Use when: shopify app, shopify, embedded app, polaris, app bridge. It provides senior-level context directly within your IDE.

How do I install the shopify-apps skill in Cursor or Windsurf?

To install the shopify-apps skill, download the package, extract the files to your project's .cursor/skills directory, and type @shopify-apps in your editor chat to activate the expert instructions.

Is shopify-apps free to download?

Yes, the shopify-apps AI persona is completely free to download and integrate into compatible Agentic IDEs like Cursor, Windsurf, Github Copilot, and Anthropic MCP servers.

@

shopify-apps

Expert patterns for Shopify app development including Remix/React Router apps, embedded apps with App Bridge, webhook handling, GraphQL Admin API, Polaris components, billing, and app extensions. Use when: shopify app, shopify, embedded app, polaris, app bridge.

Download Skill Package

IDE Invocation

@shopify-apps
COPY

Platform

IDE Native

Price

Free Download

Setup Instructions

Cursor & Windsurf

  1. Download the zip file above.
  2. Extract to .cursor/skills
  3. Type @shopify-apps in editor chat.

Copilot & ChatGPT

Copy the instructions from the panel on the left and paste them into your custom instructions setting.

"Adding this shopify-apps persona to my Cursor workspace completely changed the quality of code my AI generates. Saves me hours every week."

A
Alex Dev
Senior Engineer, TechCorp