Agent skill

Shopify Liquid Themes

by benjaminsehl in benjaminsehl/liquid-skills

Generate Shopify Liquid theme code (sections, blocks, snippets) with correct schema JSON, LiquidDoc headers, translation keys, and CSS/JS patterns.

No licenceAuto-check passedFrontend & Design

Install Shopify Liquid Themes

skills CLI

$ npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install benjaminsehl/liquid-skills shopify-liquid-themes --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/benjaminsehl/liquid-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/shopify-liquid-themes .claude/skills/shopify-liquid-themes && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "shopify-liquid-themes" agent skill from https://github.com/benjaminsehl/liquid-skills/tree/main/skills/shopify-liquid-themes into .claude/skills/shopify-liquid-themes/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "shopify-liquid-themes", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/benjaminsehl/liquid-skills/tree/main/skills/shopify-liquid-themes

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install benjaminsehl/liquid-skills shopify-liquid-themes --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/benjaminsehl/liquid-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/shopify-liquid-themes .agents/skills/shopify-liquid-themes && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "shopify-liquid-themes" agent skill from https://github.com/benjaminsehl/liquid-skills/tree/main/skills/shopify-liquid-themes into .agents/skills/shopify-liquid-themes/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "shopify-liquid-themes", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install benjaminsehl/liquid-skills shopify-liquid-themes --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/benjaminsehl/liquid-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/shopify-liquid-themes .cursor/skills/shopify-liquid-themes && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "shopify-liquid-themes" agent skill from https://github.com/benjaminsehl/liquid-skills/tree/main/skills/shopify-liquid-themes into .cursor/skills/shopify-liquid-themes/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "shopify-liquid-themes", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/benjaminsehl/liquid-skills.git --path skills/shopify-liquid-themes

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install benjaminsehl/liquid-skills shopify-liquid-themes --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/benjaminsehl/liquid-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/shopify-liquid-themes .gemini/skills/shopify-liquid-themes && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "shopify-liquid-themes" agent skill from https://github.com/benjaminsehl/liquid-skills/tree/main/skills/shopify-liquid-themes into .gemini/skills/shopify-liquid-themes/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "shopify-liquid-themes", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install benjaminsehl/liquid-skills shopify-liquid-themes

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/benjaminsehl/liquid-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/shopify-liquid-themes .github/skills/shopify-liquid-themes && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "shopify-liquid-themes" agent skill from https://github.com/benjaminsehl/liquid-skills/tree/main/skills/shopify-liquid-themes into .github/skills/shopify-liquid-themes/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "shopify-liquid-themes", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install benjaminsehl/liquid-skills shopify-liquid-themes --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/benjaminsehl/liquid-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/shopify-liquid-themes .opencode/skills/shopify-liquid-themes && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "shopify-liquid-themes" agent skill from https://github.com/benjaminsehl/liquid-skills/tree/main/skills/shopify-liquid-themes into .opencode/skills/shopify-liquid-themes/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "shopify-liquid-themes", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: shopify-liquid-themes
GitHub stars: 120
Token cost: ~2.9k tokens
SKILL.md length: 785 words
Files: 11 (incl. references)
Skills in repo: 3
Repo updated: Jul 16, 2026
First seen: Oct 7, 2026
Licence: None found

At a glance

Generate Shopify Liquid theme code (sections, blocks, snippets) with correct schema JSON, LiquidDoc headers, translation keys, and CSS/JS patterns.

Works in 8 steps: No parentheses in conditions — use… → No ternary — always use {% if cond… → for loops max 50 iterations — use {%… → …
Editing .liquid files for Shopify themes
SKILL.md covers Theme Architecture, Liquid Syntax, Filter Quick Reference and Tags Quick Reference, plus 6 more sections
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Shopify Liquid Themes is an agent skill from benjaminsehl/liquid-skills. Generate Shopify Liquid theme code (sections, blocks, snippets) with correct schema JSON, LiquidDoc headers, translation keys, and CSS/JS patterns. Use when creating or editing .liquid files for Shopify themes, working with schema, doc, stylesheet, javascript tags, or Shopify Liquid objects/filters/tags.

Its SKILL.md is about 2.9k tokens, which your agent loads only when the skill is triggered. The skill folder holds 11 other files, including reference files (for example `references/examples.md`, `references/filters-commerce.md` and `references/filters-html-media.md`).

It sits in Frontend & Design, covering CSS and styling and Translation. It works with Shopify and JavaScript.

When your agent uses it

Editing .liquid files for Shopify themes
Working with schema
Javascript tags
Shopify Liquid objects/filters/tags

Example prompts

“/shopify-liquid-themes”

Workflow steps

8 steps, taken from the first numbered list in SKILL.md.

No parentheses in conditions — use nested {% if %} instead
No ternary — always use {% if cond %}value{% else %}other{% endif %}
for loops max 50 iterations — use {% paginate %} for larger arrays
contains only works with strings — can't check objects in arrays
{% stylesheet %}/{% javascript %} don't render Liquid — no Liquid inside them
Snippets can't access outer-scope variables — pass them as render params
include is deprecated — always use {% render 'snippet_name' %}
{% liquid %} tag — multi-line logic without delimiters; use echo for output

What it can do on your machine

Read from SKILL.md and the folder at commit 483f969. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are liquid and json).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Shopify Liquid Themes loads about 2.9k tokens when it runs, and up to ~37k if it reads all its reference files. Until then it costs about 82 tokens; SKILL.md has 785 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~82
When it runs · the whole SKILL.md, loaded when a task matches: ~2.9k
With references · SKILL.md plus every file in references/, read only if the agent opens them: ~37k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 785 words (~2,885 tokens).

“Comparison: ==, !=, >, <, >=, <= Logical: and, or, contains”

— opening of SKILL.md by benjaminsehl

name: shopify-liquid-themes

Outline of SKILL.md

Shopify Liquid Themes
Theme Architecture
When to use what
Liquid Syntax
Delimiters
Operators
Critical Gotchas
Variables
Filter Quick Reference
Tags Quick Reference
Objects Quick Reference
Global objects (available everywhere)
Page-specific objects
Schema Tag
Section schema structure
Block schema structure
Setting type decision table
visible_if pattern
Block entry types
CSS & JavaScript
Per-component styles and scripts
{% style %} tag (Liquid-aware CSS)
CSS patterns for settings
LiquidDoc ({% doc %})
Translations
Every user-facing string must use the t filter
Variable interpolation
Locale file structure
Key naming conventions
References

Read the full SKILL.md on GitHub

Files

SKILL.md and 10 other files (references) in skills/shopify-liquid-themes of benjaminsehl/liquid-skills.

SKILL.md
references/examples.md
references/filters-commerce.md
references/filters-html-media.md
references/filters-language.md
references/objects-commerce.md
references/objects-content.md
references/objects-tier2.md
references/objects-tier3.md
references/schema-and-settings.md
references/tags.md

Open the folder on GitHubat commit 483f969

Compare with similar skills

Shopify Liquid Themes next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Shopify Liquid Themes compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Shopify Liquid Themes this skillbenjaminsehl/liquid-skills	120	—	~2.9k	Automated safety check: Pass	None	2 mo ago
Web Coderboshi-xixixi/TraeSkill	276	1 repos	~5.2k	Automated safety check: Pass	MIT	5 mo ago
Tailwindcss Developmentanonaddy/anonaddy	4.9k	10 repos	~865	Automated safety check: Pass	MIT	3 days ago
Lingui Best PracticesB0und/WikiSpeedrun	133	2 repos	~4.2k	Automated safety check: Pass	MIT	20 days ago
Language Supportlive-codes/livecodes	1.5k	—	~1.6k	Automated safety check: Pass	MIT	today
Frontend Design Principlespretend1111/claude-desktop-app	496	1 repos	~824	Automated safety check: Pass	Custom licence	5 mo ago

Similar skills

Web Coder
boshi-xixixi/TraeSkill
Expert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards.
276 GitHub starsUsed in 1 repo~5.2k tokens
Frontend & DesignAuto-check passed
Tailwindcss Development
anonaddy/anonaddy
Always invoke when the user's message includes 'tailwind' in any form.
4.9k GitHub starsUsed in 10 repos~865 tokens
Frontend & DesignAuto-check passed
Lingui Best Practices
B0und/WikiSpeedrun
Implement internationalization with Lingui in React and JavaScript applications.
133 GitHub starsUsed in 2 repos~4.2k tokens
Frontend & DesignAuto-check passed
Language Support
live-codes/livecodes
Work with 90+ supported languages, compilers, CSS processors, and WASM-compiled languages for markup, style, and script editors.
1.5k GitHub stars~1.6k tokensUpdated today
Frontend & DesignAuto-check passed
Frontend Design Principles
pretend1111/claude-desktop-app
Gives practical design rules for polished HTML, CSS and JavaScript interfaces and browser games, covering spacing, type, color, components, motion and responsive breakpoints.
496 GitHub starsUsed in 1 repo~824 tokens
Frontend & DesignAuto-check passed
Using Ouds Web Version Major Minor
Orange-OpenSource/Orange-Boosted-Bootstrap
Provides comprehensive knowledge of the OUDS Web library (Orange Unified Design System for Web), a Bootstrap-based CSS/JS framework for building Orange-branded web interfaces.
222 GitHub stars~4.2k tokensUpdated today
Frontend & DesignAuto-check passed

Questions about Shopify Liquid Themes

What does Shopify Liquid Themes do?

Generate Shopify Liquid theme code (sections, blocks, snippets) with correct schema JSON, LiquidDoc headers, translation keys, and CSS/JS patterns. Shopify Liquid Themes is an agent skill from benjaminsehl/liquid-skills. Generate Shopify Liquid theme code (sections, blocks, snippets) with correct schema JSON, LiquidDoc headers, translation keys, and CSS/JS patterns.

When should I use Shopify Liquid Themes?

Shopify Liquid Themes fits situations like: editing .liquid files for Shopify themes; working with schema; javascript tags; shopify Liquid objects/filters/tags.

How do I install Shopify Liquid Themes in Claude Code?

Run `npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a claude-code`. Or copy the skill folder (skills/shopify-liquid-themes in benjaminsehl/liquid-skills) into .claude/skills/shopify-liquid-themes in your project. Claude Code loads it when a task matches its description.

How do I install Shopify Liquid Themes in Codex?

Run `npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a codex`. Or copy the skill folder (skills/shopify-liquid-themes in benjaminsehl/liquid-skills) into .agents/skills/shopify-liquid-themes in your project. Codex loads it when a task matches its description.

Can I use Shopify Liquid Themes in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/shopify-liquid-themes, .gemini/skills/shopify-liquid-themes, .github/skills/shopify-liquid-themes and .opencode/skills/shopify-liquid-themes in your project.

What does Shopify Liquid Themes need to run?

SKILL.md names no scripts, command-line tools or credentials: Shopify Liquid Themes is instructions for the agent only.

Does Shopify Liquid Themes access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Shopify Liquid Themes safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Shopify Liquid Themes use?

No licence was found for Shopify Liquid Themes or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Shopify Liquid Themes use?

About 2.9k tokens (SKILL.md is roughly 12k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 34k tokens, read only when the agent opens those files.

What are the alternatives to Shopify Liquid Themes?

Skills that share tags, products or a category with Shopify Liquid Themes: Web Coder (boshi-xixixi/TraeSkill, 276 stars), Tailwindcss Development (anonaddy/anonaddy, 4.9k stars), Lingui Best Practices (B0und/WikiSpeedrun, 133 stars) and Language Support (live-codes/livecodes, 1.5k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Shopify Liquid Themes?

benjaminsehl (a GitHub user) maintains it in benjaminsehl/liquid-skills, which has 120 GitHub stars. The repository holds 3 skills in this directory. The repository was last updated on July 16, 2026.

Source: benjaminsehl/liquid-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Shopify Liquid Themes

Install Shopify Liquid Themes

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Files

Compare with similar skills

Similar skills

Web Coder

Tailwindcss Development

Lingui Best Practices

Language Support

Frontend Design Principles

Using Ouds Web Version Major Minor

More from benjaminsehl/liquid-skills

Liquid Theme A11y

Liquid Theme Standards

Questions about Shopify Liquid Themes

Install Shopify Liquid Themes

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Files

Compare with similar skills

Similar skills

More from benjaminsehl/liquid-skills

Related

Questions about Shopify Liquid Themes