shopify-theme-dev-liquid

shopify-theme-dev-liquid is a cursor rule for coding agents from PatrickJS/awesome-cursorrules. It costs 0 tokens per session (844 once invoked), scanned A, original, CC0-1.0.

A set of development rules for Shopify themes built with Liquid templates, JavaScript, and CSS. Shopify is an e-commerce platform, and Liquid is its template language for displaying store content.

In plain words
What is it for?
Use it when creating or maintaining Shopify theme sections, templates, snippets, styles, JavaScript modules, and translation files.
Why use it?
It helps keep theme files organized and limits common problems such as repeated code, slow queries inside loops, global style conflicts, and overly complex templates.

Cursor rule

About the project

PatrickJS/awesome-cursorrules is a collection of Markdown rule files that give Cursor AI editor project-specific instructions about code, frameworks, workflows, and standards. Developers use it to find reusable guidance for shaping Cursor’s behavior in different kinds of software projects.

PatrickJS/awesome-cursorrules · 40,725 stars · on GitHub

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add rules/patrickjs/awesome-cursorrules/shopify-theme-dev-liquid
Clone the repo
git clone --depth 1 https://github.com/PatrickJS/awesome-cursorrules

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for shopify-theme-dev-liquid

README.md
[![agentmods](https://agentmods.dev/badge/rules/patrickjs/awesome-cursorrules/shopify-theme-dev-liquid.svg)](https://agentmods.dev/rules/patrickjs/awesome-cursorrules/shopify-theme-dev-liquid)
Your own site
<a href="https://agentmods.dev/rules/patrickjs/awesome-cursorrules/shopify-theme-dev-liquid"><img src="https://agentmods.dev/badge/rules/patrickjs/awesome-cursorrules/shopify-theme-dev-liquid.svg" alt="Measured on agentmods" height="20"></a>
Per session 0 Nothing until a file matches its globs; then the whole rule loads.
When invoked 844 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00000 $0.00844
Opus 5 $0.00000 $0.00422
Sonnet 5 $0.00000 $0.00169
Haiku 4.5 $0.00000 $0.00084

Measured 2d ago against content hash 8de94c7e1519, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-05, from the pricing page.

Security

Grade A, and why

shopify-theme-dev-liquid scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

rules/shopify-theme-dev-liquid.mdc · 79 lines

How it starts

The opening of the file, as written. The whole thing — 79 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Shopify Theme Development Best Practices

Project Structure

  • Adopt a clear directory structure, e.g., sections, snippets, templates, assets.
  • Organize generic modules (like JavaScript functionalities) into separate files.
  • Keep Liquid files concise and focused on single responsibilities, avoiding monolithic files.
  • Organize templates and sections by page or functionality.
  • Implement proper internationalization (i18n) file management.
  • Utilize SCSS/CSS Modules for style organization to prevent global pollution.

Liquid Templating

  • Prefer the render tag over include.
  • Limit database queries within loops to avoid N+1 issues.
  • Use filters judiciously, especially complex computational ones.
  • Leverage Liquid's caching mechanisms to reduce redundant calculations.
  • Avoid complex logic handling directly in Liquid; move intricate logic to JavaScript.
  • Use assign and capture to define and reuse variables effectively.

JavaScript Development

  • Modularize JS, using ES Modules for imports and exports.
  • Follow modern JavaScript best practices, such as const/let, arrow functions, etc.
  • Avoid direct DOM manipulation; prioritize event delegation.
  • Optimize JavaScript performance to reduce repaints and reflows.
  • Consider using Webpack/Rollup for bundling and code optimization.
  • Write clear comments and JSDoc.

CSS/SCSS Styling

  • Adhere to naming conventions like BEM, OOCSS, or Utility-First CSS.
  • Optimize CSS selectors to improve rendering performance.
  • Use CSS variables to manage theme configurations like colors and fonts.
  • Implement responsive design to ensure consistent theme appearance across devices.
  • Minimize CSS file size by removing unused styles.
  • Make good use of SCSS mixins and functions.

Sections and Blocks

  • Utilize Section Schema to define configurable options.
  • Maintain section independence and reusability.
  • Provide clear presets for sections.
  • Use Blocks appropriately to enhance section flexibility.
  • Ensure sections provide a good user experience in the Shopify Customizer.
  • Avoid hardcoding content within sections; use Schema configurations whenever possible.

Read the full file on GitHub · 79 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 2d ago First seen · 79 lines · 0 tokens per session scan A 8de94c7e1519

Subscribe to this mod's changes

shopify-theme-dev-liquid is a cursor rule published in the GitHub repository PatrickJS/awesome-cursorrules (40,725 stars, last pushed 3mo ago), licensed CC0-1.0. It costs nothing until one of its globs matches a file; then it loads 844 tokens. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.