Agent Native

liquid-theme-standards

Provides CSS, JavaScript, and HTML coding standards for Shopify Liquid themes, covering BEM naming, design tokens, CSS custom properties, Web Components…

by ShopifyOfficial publisherNot reviewed

Identity proven by GitHub's verified organisation badge (Shopify)

Agents
Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode, claude.ai and API
License
No license stated
Pin
ae3e4ccpinned Oct 9, 2026
Context cost
about 2,900 tokenswhen the skill loads
GitHub stars
35on shopify/liquid-skills
Scripts
None found

What it does

“CSS, JavaScript, and HTML coding standards for Shopify Liquid themes. Covers BEM naming inside stylesheet tags, design tokens, CSS custom properties, Web Components for themes, defensive CSS, and progressive enhancement. Use when writing CSS/JS/HTML in .liquid files or theme asset files.”
The author's description, from SKILL.md

Generated summary from the skill's own text

Provides CSS, JavaScript, and HTML coding standards for Shopify Liquid themes, covering BEM naming, design tokens, CSS custom properties, Web Components, defensive CSS techniques, and progressive enhancement practices. Use this to write consistent, performant, and maintainable code in .liquid files and theme assets.

When to use it

  • Writing CSS or JavaScript inside Shopify Liquid theme files
  • Structuring components with BEM naming and design tokens
  • Building Web Components for theme interactivity
  • Ensuring HTML follows progressive enhancement principles

When not to

  • Working with themes that require external JavaScript libraries or dependencies
  • Projects not using Shopify Liquid templating or theme asset structure

Install

No license stated: install from the publisher's repository, and ask the author before you reuse or share it.

These commands install from the publisher's repository and need no account.

skills CLI

npx skills add shopify/liquid-skills --skill liquid-theme-standards

Installs from the repository's default branch, which may have changed since the commit we checked.

GitHub CLI 2.90 or later

gh skill install shopify/liquid-skills liquid-theme-standards@ae3e4cc3f454923e388bbd841fd931f0c7bf5be4

Installs the commit we checked (ae3e4cc).

Copy by hand

Download the folder at ae3e4cc and put it in .claude/skills/liquid-theme-standards for Claude Code and in .agents/skills/liquid-theme-standards for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.

Skill folder on GitHub at ae3e4cc

Claude Code plugin

/plugin install liquid-skills@claude-plugins-official

The publisher's plugin in Claude's official marketplace. It may hold more than this skill, and we have not pinned it.

Claude Code plugin

/plugin install shopify-ai-toolkit@claude-plugins-official

The publisher's plugin in Claude's official marketplace. It may hold more than this skill, and we have not pinned it.

Copy for your agent

A prompt for any coding agent. It installs this skill from GitHub at the pinned commit, copies the files as they are, and runs nothing unless you ask.

Prompt

Install the agent skill "liquid-theme-standards" by Shopify.

Source, pinned to commit ae3e4cc3f454923e388bbd841fd931f0c7bf5be4:
https://github.com/shopify/liquid-skills/tree/ae3e4cc3f454923e388bbd841fd931f0c7bf5be4/plugins/liquid-skills/skills/liquid-theme-standards

1. Download that folder at exactly this commit. Do not use the default branch.
2. Copy every file unchanged, keeping the folder structure, into .claude/skills/liquid-theme-standards/ for Claude Code and .agents/skills/liquid-theme-standards/ for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. Create the folders if they do not exist.
3. Do not edit the files, and do not run any script in the folder unless I ask you to.
4. When you are done, list the files you copied and where you put them.

Its license is restricted or not stated. Show me the license terms from the repository before you copy anything.

Listing and checks: https://www.agentnative.dev/skills/shopify/liquid-theme-standards

SKILL.md at the pin

The license of this skill does not let us show its files here.

View SKILL.md on GitHub at ae3e4cc

Files

3 files, 23 KB in total. Each file has a sha256 in the pin's manifest; the first 12 characters are shown.

Skill folder on GitHub at ae3e4cc
All 26 skills from Shopify

More from Shopify

  • shopify

    This skill enables agents to work across Shopify's entire developer platform, including Admin API, Storefront GraphQL, Shopify Functions, CLI operations, and…

    Contains scripts

    Claude Code · about 3.9K tokens · pinned 6 days ago

  • shopify-admin

    This skill is deprecated and has been replaced by the shopify skill.

    Claude Code, Codex, Cursor +4 · about 66 tokens · pinned 6 days ago

  • shopify-app-pricing

    This skill is deprecated and has been replaced by the shopify skill.

    Claude Code, Codex, Cursor +4 · about 71 tokens · pinned 6 days ago

  • shopify-app-store-review

    This skill is deprecated and has been replaced by the shopify skill.

    Claude Code, Codex, Cursor +4 · about 75 tokens · pinned 6 days ago

  • shopify-custom-data

    This skill manages custom data storage in Shopify through Metafields and Metaobjects.

    Claude Code, Codex, Cursor +4 · about 71 tokens · pinned 6 days ago

  • shopify-customer

    This skill is deprecated and no longer maintained.

    Claude Code, Codex, Cursor +4 · about 69 tokens · pinned 6 days ago

All Frontend and design skills

Related in Frontend and design

  • shopify-hydrogen

    This skill provides cookbooks and recipes for building Shopify Hydrogen storefronts, including B2B commerce, bundles, subscriptions, and integrations.

    by ShopifyOfficial publisher

    Claude Code, Codex, Cursor +4 · about 69 tokens · pinned 6 days ago

  • shopify-liquid

    This skill is deprecated and has been replaced by the shopify skill.

    by ShopifyOfficial publisher

    Claude Code, Codex, Cursor +4 · about 67 tokens · pinned 6 days ago

  • shopify-polaris-admin-extensions

    This skill enables building custom actions and blocks for the Shopify Admin interface, including App Home UI extensions that render app landing pages natively.

    by ShopifyOfficial publisher

    Claude Code, Codex, Cursor +4 · about 81 tokens · pinned 6 days ago

  • shopify-polaris-app-home

    This skill is deprecated.

    by ShopifyOfficial publisher

    Claude Code, Codex, Cursor +4 · about 75 tokens · pinned 6 days ago

  • shopify-polaris-customer-account-extensions

    This skill is deprecated and no longer maintained.

    by ShopifyOfficial publisher

    Claude Code, Codex, Cursor +4 · about 89 tokens · pinned 6 days ago

  • shopify-pos-ui

    This skill is deprecated and has been replaced by the shopify skill.

    by ShopifyOfficial publisher

    Claude Code, Codex, Cursor +4 · about 67 tokens · pinned 6 days ago

The skills listed here are third-party software, collected from public GitHub repositories as a catalog of recent skills and provided as is. Agent Native does not write or control them and is not responsible for any harm, loss or damage caused by installing or using them. Labels and checks describe what we saw at one commit and are not a guarantee. Read a skill's files before you run it. Terms of use