DES CAS D’USAGE D’IA À REPRENDRE.Édition française · Particuliers, indépendants, TPE
OpenAI

Construire l’interface principale d’une app, intégrée à l’admin Shopify

shopify-polaris-app-home

Fiche de référence. Cette skill, reprise dans openai/plugins , correspond à Construire l’interface principale d’une app dans l’admin Shopify publiée par Shopify. Le lien canonique de cette page pointe vers la fiche de l’éditeur d’origine.

En bref

Cette skill du greffon Shopify d’OpenAI construit l’interface principale d’une application, intégrée à l’admin Shopify (App Home). Si l’on parle de « Polaris » sans que le contexte désigne une autre API, Consigne : supposer celle-ci. Les extensions App Home typent App Bridge avec @shopify/app-bridge-types et les composants avec @shopify/polaris-types. Il ne faut jamais importer @shopify/polaris, @shopify/polaris-react, @shopify/polaris-web-components, ni un paquet inexistant. Les attributs mot-clé (padding, gap, direction, tone, variant, size, background, alignItems, inlineSize) prennent des chaînes, jamais un raccourci ou {true}. Comme les autres skills Shopify du greffon, chaque réponse doit exécuter search_docs.mjs et validate.mjs, et ne rendre le code qu’après la validation. On ne devine pas un type inconnu.

Ce que ça fait

  • Suppose l’API App Home / Polaris d’admin lorsque le mot Polaris est ambigu.
  • Interdit les mauvais paquets Polaris et exige des attributs sous forme de chaînes.
  • Rend la recherche documentaire et la validation obligatoires à chaque tour.
  • N’est pas l’API Partner ni Payments Apps.

Pour qui, et un exemple

Équipes qui construisent l’écran d’accueil d’une app dans l’admin Shopify, avec App Bridge et Polaris typés correctement.

Exemple de demande : On pose une page d’accueil : la skill cherche les motifs courants, typent via polaris-types et app-bridge-types, valide le markup, et refuse un import de @shopify/polaris.

Quand on construit l’UI principale d’une app intégrée à l’admin, ou que l’on parle de Polaris sans autre API clairement visée. Exemple rédigé par iadujour.fr à partir du SKILL.md, non testé.

Installer

Dans Codex : codex plugin add shopify@openai-curated (marketplace officielle du dépôt).

codex plugin add shopify@openai-curated

Fonctionne avec

  • Codex

Source : README : collection de plugins Codex ; la marketplace du dépôt s’appelle « Codex official ». D’autres agents ne sont pas nommés.

Niveau : Intermédiaire

Suppose un projet déjà en place chez l’éditeur et les outils décrits dans le SKILL.md.

À savoir

Dépôt officiel OpenAI. Ce sont des exemples de plugins Codex, souvent rédigés par l’éditeur du plugin (Figma, Stripe, Canva, etc.) et hébergés ici. Skill du plugin « shopify » dans openai/plugins.

Extrait du SKILL.md

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

Build your app's primary user interface embedded in the Shopify admin. If the prompt just mentions `Polaris` and you can't tell based off of the context what API they meant, assume they meant this API.

Citée depuis le SKILL.md au commit 0732ec9 . Le dossier contient aussi 4 fichiers annexes (agents/, scripts/).

Le SKILL.md compte 298 lignes et 8 sections principales :

  • Required Tool Calls (do not skip)
  • APIs
  • Patterns
  • Guides
  • Imports
  • Polaris web components (`s-page`, `s-badge`, etc.)
  • ⚠️ MANDATORY: Search Before Writing Code
  • ⚠️ MANDATORY: Validate Before Returning Code

Licence : Aucune licence trouvée

Consultée le 10 novembre 2026 : 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. openai/plugins .

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 OpenAI : Développement web

Toute la catégorie
OpenAIDéveloppement web

Analyseur d'événements

event-driven-analyzer

Utiliser lors de l'analyse des chemins d'événements d'intérêt public datés, des probabilités, des avantages et des rendements attendus.

Outils : CodexNiveau : Intermédiairemàj 06/11/2026
OpenAIDéveloppement web

Calendrier catalyseur

catalyst-calendar

Utiliser pour établir des calendriers catalyseurs d'investissements publics.

Outils : CodexNiveau : Intermédiairemàj 06/11/2026
OpenAIDéveloppement web

Fondations de jeux Web

web-game-foundations

Définir l'architecture du jeu de navigateur avant l'implémentation.

Outils : CodexNiveau : Avancémàj 06/11/2026
É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.