CtrlK
BlogDocsLog inGet started
Tessl Logo

shopify-expert

Builds and debugs Shopify themes (.liquid files, theme.json, sections), develops custom Shopify apps (shopify.app.toml, OAuth, webhooks), and implements Storefront API integrations for headless storefronts. Use when building or customizing Shopify themes, creating Hydrogen or custom React storefronts, developing Shopify apps, implementing checkout UI extensions or Shopify Functions, optimizing performance, or integrating third-party services. Invoke for Liquid templating, Storefront API, app development, checkout customization, Shopify Plus features, App Bridge, Polaris, or Shopify CLI workflows.

98

1.14x
Quality

100%

Does it follow best practices?

Impact

97%

1.14x

Average score across 6 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Evaluation results

100%

2%

Artisan Goods Co — Designer Showcase Theme Section

Liquid theme section with metafields and images

Criteria
Without context
With context

Theme directory structure

100%

100%

JSON template file

100%

100%

Schema block present

100%

100%

Schema has presets

100%

100%

image_url filter with width

100%

100%

Responsive srcset on images

100%

100%

Image loading attribute

100%

100%

Image dimensions set

75%

100%

Metafield namespace.key access

100%

100%

Metafield nil check

100%

100%

render tag used

100%

100%

No hardcoded credentials

100%

100%

No synchronous API calls

100%

100%

100%

4%

RetailSync — Shopify App for Inventory Alerting

Shopify app with GDPR webhooks and Polaris UI

Criteria
Without context
With context

TypeScript used

100%

100%

shopify-app-remix package

100%

100%

ApiVersion October24

100%

100%

PrismaSessionStorage

100%

100%

afterAuth webhook registration

100%

100%

shopify.app.toml scopes

100%

100%

Webhooks in toml

100%

100%

GDPR: data request handler

100%

100%

GDPR: customer redact handler

100%

100%

GDPR: shop redact handler

100%

100%

App Bridge setup

100%

100%

Polaris components used

100%

100%

GraphQL not REST for Admin API

100%

100%

Error handling on API calls

20%

100%

84%

15%

NorthLight Outdoors — Headless Product Catalog with Multi-Market Support

Hydrogen storefront with API optimization and caching

Criteria
Without context
With context

Storefront API version 2024-10

0%

100%

@inContext on product query

100%

100%

country/language variables in query

100%

100%

storefront.i18n used

50%

100%

GraphQL fragment defined

100%

100%

No over-fetching on variants

0%

50%

Minimal image fields

28%

42%

CacheLong for static content

100%

100%

CacheShort for inventory/pricing

100%

100%

CacheNone for user-specific

50%

0%

TypeScript types on loader

100%

100%

Error handling on API

100%

100%

100%

32%

Gift Message Checkout Extension

Checkout UI extension setup

Criteria
Without context
With context

Correct checkout package

100%

100%

api_version in toml

0%

100%

reactExtension entry point

100%

100%

Targeting configured in toml

100%

100%

TypeScript used

100%

100%

Buyer journey interception

0%

100%

Metafield persistence

0%

100%

shopify.extension.toml present

100%

100%

Extension directory structure

100%

100%

No hardcoded credentials

100%

100%

Sandbox testing mentioned

100%

100%

100%

16%

Shopify Theme Performance Overhaul

Theme performance optimization

Criteria
Without context
With context

fetchpriority=high on hero

100%

100%

loading=eager on hero

100%

100%

loading=lazy on non-hero

100%

100%

Image srcset with multiple widths

100%

100%

Image width/height attributes

100%

100%

image_url CDN filter used

100%

100%

decoding=async on lazy images

0%

100%

Deferred non-critical JS

100%

100%

font-display swap

100%

100%

Preconnect to font CDN

100%

100%

Critical CSS inlined

25%

100%

Non-critical CSS async-loaded

0%

100%

99%

Inventory Sync App — Complete Handoff Package

App deployment workflow and output completeness

Criteria
Without context
With context

Complete file structure

88%

88%

shopify.app.toml present

100%

100%

API scopes documented

100%

100%

shopify app dev in workflow

100%

100%

shopify app deploy in workflow

100%

100%

Testing approach documented

100%

100%

TypeScript used

100%

100%

GraphQL for Admin API

100%

100%

Webhooks in toml

100%

100%

Error handling on API

100%

100%

Validation before deploy

100%

100%

App Bridge in root layout

100%

100%

Repository
jeffallan/claude-skills
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.