skills.rest
JeriCommerce
JeriCommerceOFFICIAL
Explore all skills by this author →
WebsiteGitHub

Jeri - Loyalty Template Creator

Generate self-contained Shopify loyalty page templates from a reference URL.

Updated Feb 18, 2026
Search Tags:#template#frontend#assets#cdn#liquid#shopify#loyalty
One-click install
npx skills add https://github.com/JeriCommerce/claude-plugins --skill jeri-loyalty-template-creator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Jeri - Loyalty Template Creator
Source: https://github.com/JeriCommerce/claude-plugins/tree/main/plugins/loyalty-template-creator/skills/loyalty-template
Command: npx skills add https://github.com/JeriCommerce/claude-plugins --skill jeri-loyalty-template-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Building a compliant, self-contained Shopify loyalty-page template that matches a reference website's visual style is time-consuming and error-prone; this Skill automates the analysis, mapping, and generation of a ready-to-use CDN template file to dramatically speed up development and reduce integration mistakes.

Core Features & Use Cases

  • Reference Analysis: Fetch and analyze a reference URL to extract color palette, fonts, layout, and an asset inventory for reuse or replacement decisions.
  • Standards-Compliant Template Generation: Produce a single self-contained Liquid template with inline CSS, proper root data attributes, earning/icon mappings, tier badge patterns, and widget route usage following canonical docs.
  • Repo Verification & Handoff: Optionally run lint and build steps when operating inside the shopify-extensions repo and instruct users how to copy and validate the generated template if not in-repo.

Quick Start

Create a loyalty template named brand-x from the reference URL https://example.com and prepare the generated template for staging.

Frequently Asked Questions about Jeri - Loyalty Template Creator

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

FAQPage Schema
How do I create a Shopify loyalty page template that matches an existing website's design?▼

To create a Shopify loyalty page template that matches an existing website, this Skill fetches a reference URL, extracts its color palette, fonts, and layout, then generates a self-contained Liquid template with inline CSS replicating that visual style.

Can I generate a self-contained Liquid template for Shopify CDN assets without external dependencies?▼

Yes, you can generate a self-contained Liquid template for Shopify CDN assets without external dependencies. The Skill outputs a single file with inline CSS, required root data attributes, and widget routes, satisfying theme-check requirements.

Does the generated Shopify loyalty template include earning icons and tier badge patterns?▼

Yes, the generated Shopify loyalty template includes earning icons and tier badge patterns. It maps the reference website's asset inventory to produce the correct earning/icon mappings and tier badge structures required by the loyalty widget.

What's the best way to build and lint a Shopify theme-extension loyalty template inside a repo?▼

The best way to build and lint a Shopify theme-extension loyalty template inside a repo is to execute the Skill within the shopify-extensions repository, where it optionally runs lint and build verification steps to validate the generated output.

Do I need a reference URL to generate a CDN loyalty page template for Shopify?▼

Yes, you need a reference URL to generate a CDN loyalty page template for Shopify. The Skill uses the provided reference website to map section structure, colors, fonts, and assets directly into the theme-extension template file.

Why does my Shopify loyalty template fail theme-check requirements when using external CSS files?▼

Shopify loyalty templates fail theme-check requirements when using external CSS files because the extension requires inline CSS. This Skill automatically generates a single template file with inline styles and required root data attributes to pass validation.

Related Skills

Explore More Software Engineering Skills→
rodrigotoledorodrigotoledo

shopify-developer

Reference Liquid syntax, GraphQL APIs, and Hydrogen for Shopify development.

Community
Advanced
JeriCommerceJeriCommerce

Jeri - Shopify Setup Guide

Guide Shopify store setup for loyalty page templates via CDN or theme editor.

Official
Intermediate
lengo0951lengo0951

ck:shopify

Develop Shopify apps, themes, and extensions using Shopify CLI and APIs.

Community
Advanced
kleyverxkleyverx

theme-shopify-liquid-templates

Document Liquid template guidelines for Shopify theme snippets and assets.

Community
Intermediate