skill Claude Code CX Codex Cursor GitHub Copilot
Open on GitHub
shopify-apps — Claude Code skill: what it does, how to install
Patterns for Shopify app development with Remix and React Router. Guides App Bridge setups, Polaris UI components, billing flows, and webhooks.
Install into Claude Code · Skills CLI (Vercel)
All methods and platforms ↓
npx skills add sickn33/agentic-awesome-skills --skill shopify-apps -a claude-codeWhat shopify-apps does
The skill provides patterns for embedded Shopify applications, app extensions, and GraphQL Admin API integrations. It enforces multi-tenant boundaries by validating session identities and prohibits logging access tokens or customer payloads.
Its code examples rely on legacy Remix and 2024 API snippets, which makes manual schema and SDK validation essential. Check generated outputs before running them. The instructions also demand explicit test modes for billing and require merchant approval before activating subscriptions.
What it helps with
- build embedded Shopify interfaces using Polaris and App Bridge
- handle incoming Shopify webhooks with strict tenant session checks
- implement recurring app billing using the GraphQL Admin API in test mode
- organize app extensions inside Remix or React Router projects
Example prompts for the agent
- Set up Shopify webhook handling in my Remix app with verified sessions
- Create an embedded dashboard view using Polaris components and App Bridge
- Implement Shopify billing subscription flow with explicit test mode
How to install shopify-apps
1Skills CLI (Vercel)
npx skills add sickn33/agentic-awesome-skills --skill shopify-apps -a claude-code2Manually: put the files in place
~/.claude/skills/shopify-apps/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/shopify-apps/
1Skills CLI (Vercel)
npx skills add sickn33/agentic-awesome-skills --skill shopify-apps -a codex2Manually: put the files in place
.agents/skills/shopify-apps/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add sickn33/agentic-awesome-skills --skill shopify-apps -a cursor2Manually: put the files in place
.cursor/skills/shopify-apps/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install sickn33/agentic-awesome-skills shopify-apps2Manually: put the files in place
.github/skills/shopify-apps/SKILL.md1Skills CLI (Vercel)
npx skills add sickn33/agentic-awesome-skills --skill shopify-apps -a gemini-cli2Platform CLI
gemini skills install https://github.com/sickn33/agentic-awesome-skills --path skills/shopify-appsManually: put the files in place
.devin/skills/shopify-apps/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add sickn33/agentic-awesome-skills --skill shopify-apps -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
From the same set80
The whole set →
docker-expert A skill that turns your AI agent into a Docker reviewer for Dockerfiles, multi-stage builds and container security. Useful when images and Compose files need a second look.
Claude Code CX Codex Cursor +1
27,200installs
typescript-expert A skill for TypeScript and JavaScript work: it reads your project setup, fixes type errors and speeds up type checking. Useful once a TS codebase gets big.
Claude Code CX Codex Cursor +1
12,600installs
browser-automation This skill builds browser checks around observed UI state and explicit outcomes. Use it for UI workflows, timing failures, or authorised page-data collection.
Claude Code CX Codex Cursor +1
6,700installs
nextjs-supabase-auth This skill wires Supabase Auth into the Next.js App Router with clients, middleware, OAuth callbacks, and Server Actions. Use it when you need protected routes and session handling.
Claude Code CX Codex Cursor +1
6,500installs
3d-web-experience Helps build and debug web 3D scenes, product configurators, and portfolios. Covers stack choice, model loading, scroll interaction, and performance checks.
Claude Code CX Codex Cursor +1
5,200installs
prisma-expert This skill helps inspect Prisma schemas, migrations, and queries. Use it to investigate an error or review database changes before deployment.
Claude Code CX Codex Cursor +1
4,200installs
playwright-skill Write and run Playwright browser tests directly in Claude Code: responsive design checks, login flows, form submissions, screenshots. Executes locally via Node with a visible browser window.
Claude Code CX Codex Cursor +1
3,900installs
game-development Guides game architecture decisions, platform choices, and core loop structure. Directs the assistant to specialized sub-skills for web, mobile, PC, or VR.
Claude Code CX Codex Cursor +1
3,800installs
Similar
node Gives an agent Node.js and TypeScript guidance, from running .ts files directly to streams, tests and graceful shutdown.
Claude Code CX Codex Cursor +1
5,900installs
salesforce-flow-design
official Reviews Salesforce Flow architecture, type selection, bulk safety, and fault handling. Use it before designing, reviewing, or activating a Flow.
GitHub Copilot
839installs
text-to-speech Turns text into speech with ElevenLabs. Use it for voiceovers, audio output, or speech features in an application.
Claude Code CX Codex Cursor +1
16,600installs
wp-performance Backend profiling skill for optimizing WordPress sites using WP-CLI, REST headers, and diagnostic scripts without browser access.
Claude Code CX Codex Cursor +1
6,100installs
ddd-aggregate Scaffolds a DDD aggregate root with an entity, value objects, a repository interface, domain events, and test stubs. Useful when modeling business logic in an existing bounded context.
Claude Code CX Codex Cursor +1
749installs
mcp-builder
official This skill walks through building an MCP server in TypeScript or Python, from reading the protocol spec to writing tests and evaluation questions.
Claude Code Claude.ai
130,949installs
lark-im This skill lets an agent work with Lark IM messages, chats, files, and interactive cards. Use it when coding tasks need access to team conversations.
Claude Code CX Codex Cursor +1
472,300installs
lark-event Listens to Lark/Feishu events and streams them as NDJSON. Use it for bots, message processing, and long-running subscribers.
Claude Code CX Codex Cursor +1
466,200installs
Questions about shopify-apps
How to install shopify-apps in Claude Code?
Run npx skills add sickn33/agentic-awesome-skills --skill shopify-apps -a claude-code in your terminal.
What does shopify-apps do?
It supplies development patterns for Shopify apps covering Remix, React Router, Polaris UI, GraphQL Admin API, and webhook security.
Why do the code snippets need extra validation?
The bundled snippets reflect legacy Remix and 2024 API structures, requiring verification against current Shopify SDKs and templates.
Source text
SKILL.md · MIT
--- name: shopify-apps description: 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. risk: critical source: vibeship-spawner-skills (Apache 2.0) date_added: 2026-02-27 --- # 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. <!-- Modified 2026-10-23: deployment and tenant/privacy boundaries; Apache-2.0 retained. --> ## Integration limits Use the authorized development store/app, minimum scopes and protected-customer-data approvals; accessScopes does not prove protected-data approval. These legacy Remix/2024 API snippets are incomplete and require current generated SDK/template/schema validation. Test billing with explicit test mode and require merchant approval; production deploy/config/scopes/subscriptions and notification sends need task authority. Never log access tokens or customer payloads. Store tenant identity from verified sessions/webhooks and enforce it for every resource operation. No app/runtime was executed in this review. ## Detailed Guide Read [the detailed guide](references/detailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely. ## When to Use - User mentions or implies: shopify app - User mentions or implies: shopify - User mentions or implies: embedded app - User mentions or implies: polaris - User mentions or implies: app bridge - User mentions or implies: shopify webhook ## Limitations - Use this skill only when the task clearly matches the scope described above. - Do not treat the output as a substitute for environment-specific validation, testing, or expert review. - Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
© sickn33 · MIT · sickn33/agentic-awesome-skills
