THE MEDIA FOR AI THAT ACTUALLY HELPS.French edition · Understand & take action
The interface is in English. Use cases, skills and articles remain in French.
Shopify

Écrire un thème Shopify en Liquid

shopify-liquid

En bref

Guide l’écriture de thèmes Shopify en Liquid, langage de templates open source créé par Shopify, qui charge le contenu dynamique des vitrines. Le SKILL.md oriente vers la production de snippets, de blocs et de sections, cohérents avec l’architecture du thème ; les modèles peuvent ensuite être créés dans l’éditeur de thème. Il impose de chercher dans la documentation (scripts du dépôt) avant d’écrire du code, puis de le valider.

Ce que ça fait

  • Génère snippets, blocs et sections Liquid
  • Respecte l’architecture du thème
  • S’appuie sur la documentation avant d’écrire

Pour qui, et un exemple

Les développeurs de thèmes Shopify qui veulent qu’un agent les aide sur Liquid, les sections ou les vitrines.

Exemple de demande : « Aide-moi à créer une section Liquid de liste de produits, avec un snippet de carte réutilisable. »

Liquid est le socle des thèmes Shopify, destiné à charger le contenu dynamique des vitrines. Exemple rédigé par iadujour.fr à partir du SKILL.md, non testé.

Installer

npx skill install shopify-admin (et le nom de chaque skill) — commande du README.

npx skill install shopify-admin

Fonctionne avec

  • Claude Code
  • Claude Desktop
  • Cursor

Source : Frontmatter `compatibility` des SKILL.md Shopify : Claude Code, Claude Desktop, Cursor.

Niveau : Débutant

S’utilise en langage naturel ; aucun prérequis de code n’est exigé par la description, au-delà du produit visé.

À savoir

Dépôt officiel de l’organisation GitHub Shopify.

Extrait du SKILL.md

La description d’origine, celle que l’agent lit pour décider de charger la skill (en anglais) :

Liquid is an open-source templating language created by Shopify. It is the backbone of Shopify themes and is used to load dynamic content on storefronts. Keywords: liquid, theme, shopify-theme, liquid-component, liquid-block, liquid-section, liquid-snippet, liquid-schemas, shopify-theme-schemas

Citée depuis le SKILL.md au commit 6b9ed05 . Le dossier contient aussi 5 fichiers annexes (scripts/).

Le SKILL.md compte 1681 lignes et 126 sections principales :

  • Theme Architecture
  • Directory structure
  • `sections`
  • `blocks`
  • `snippets`
  • `layout`
  • `config`
  • `assets`
  • `locales`
  • `templates`
  • CSS & JavaScript
  • LiquidDoc
  • The `{% schema %}` tag on blocks and sections
  • Good practices
  • Mobile layouts
  • Liquid
  • Liquid delimiters
  • Liquid operators
  • Comparison and comparison tags
  • Variables and variable tags
  • Liquid filters
  • Array
  • Cart
  • Collection
  • Color
  • Customer
  • Date
  • Default
  • Font
  • Format
  • Hosted_file
  • Html
  • Localization
  • Math
  • Media
  • Metafield
  • Money
  • Payment
  • String
  • Tag
  • Liquid objects
  • Global objects
  • `/article` page
  • `/blog` page
  • `/cart` page
  • `/checkout` page
  • `/collection` page
  • `/customers/account` page
  • `/customers/addresses` page
  • `/customers/order` page
  • `/gift_card.liquid` page
  • `/metaobject` page
  • `/page` page
  • `/product` page
  • `/robots.txt.liquid` page
  • `/search` page
  • Liquid tags
  • content_for
  • form
  • layout
  • assign
  • break
  • capture
  • case
  • comment
  • continue
  • cycle
  • decrement
  • doc
  • echo
  • for
  • if
  • increment
  • raw
  • render
  • tablerow
  • unless
  • paginate
  • javascript
  • section
  • stylesheet
  • sections
  • style
  • else
  • else
  • liquid
  • Translation development standards
  • Translation requirements
  • Translation filter usage
  • Translation with variables
  • Best practices
  • Localization standards
  • File structure
  • Locale files
  • Schema locale files
  • Key organization
  • Translation guidelines
  • Examples per kind of asset
  • `snippet`
  • `block`
  • Text
  • Group
  • `section`
  • Final instructions
  • Design requirements
  • Code requirements
  • Safety requirements
  • Always use Shopify CLI
  • Shopify CLI Overview
  • Requirements
  • Installation
  • Command Structure
  • General Commands (8 commands)
  • Authentication
  • Configuration
  • Utilities
  • Common Flags
  • Network Proxy Configuration
  • Usage Tips
  • CLI Commands for Shopify Theme (18 commands)
  • Core Theme Development
  • Theme Management
  • Development Tools
  • Additional Features
  • ⚠️ MANDATORY: Search for Documentation
  • ⚠️ MANDATORY: Validate Before Returning Code

Licence : Aucune licence trouvée

Vérifiée le 10 novembre 2026 sur : aucun fichier de licence dans le dossier ni à la racine du dépôt.

Aucune licence trouvée : extrait court cité uniquement (droit de courte citation). Pour le texte complet, consultez la source.

Source. Fiche rédigée par iadujour.fr à partir de : Frontmatter, sections et corps du SKILL.md, README du dépôt. Consultée le 10 novembre 2026. Dépôt : Shopify/agent-skills .

Dans l’annuaire

Cas d’usage et guides qui partagent un thème, un métier ou un outil avec cette skill.

DANS L’ANNUAIRE

Cas d’usage liés.

Des fiches de l’annuaire qui partagent au moins deux mots-clés précis avec cette skill.

MÊME ÉDITEUR

Autres skills Shopify : Données et bases de données

Toute la catégorie
ÉCHANGES

Commentaires.

Un retour d’expérience, une question, une précision sur cette skill ? Les commentaires sont relus avant publication.

Commentaires publiés

Chargement des commentaires…

    Laisser un commentaire

    Charte de modération. Chaque commentaire est relu avant publication. Sont refusés : l’incitation à la haine, les propos injurieux ou discriminatoires, la publicité, le spam et les liens promotionnels, le hors-sujet et les données personnelles d’autrui.