shopify-polaris-app-home
Ce skill fait partie du Shopify AI Toolkit, un plugin agent officiel de Shopify qui connecte les outils d'IA (Claude Code, Cursor, VS Code, etc.) à la plateforme Shopify. Il est conçu pour aider les développeurs à construire l'interface principale de leur application Shopify en utilisant le framework Polaris App Home, c'est-à-dire l'UI embarquée dans l'admin Shopify.
Ce que fait ce skill
Le skill instruit l'agent sur l'ensemble des composants web Polaris disponibles (préfixe s-), les APIs App Bridge accessibles, ainsi que les patterns et templates courants (page d'index, page de détails, settings, homepage). L'agent est guidé pour produire du code UI valide sans importer de packages inexistants, en utilisant uniquement @shopify/app-bridge-react et les web components globalement enregistrés.
Le skill impose également un cycle de validation obligatoire : avant de retourner du code à l'utilisateur, l'agent doit exécuter /scripts/validate.js et corriger toute erreur en consultant la documentation via /scripts/search_docs.js. Cela garantit que le code généré est conforme aux schémas officiels Shopify.
Composants et APIs couverts
Le SKILL.md liste une cinquantaine de composants web (s-page, s-button, s-modal, s-table, s-select, etc.), les APIs App Bridge (Navigation, Toast, Save Bar, Modal API, Resource Picker, etc.) et des compositions prêtes à l'emploi (index table, setup guide, empty state, metrics card…). Ces éléments servent de référence à l'agent pour construire des interfaces cohérentes avec les standards Shopify.
Comment l'utiliser
Ce skill s'installe via le Shopify AI Toolkit (commandes /plugin marketplace add dans Claude Code, ou depuis le Cursor Marketplace). Une fois actif, il est automatiquement sollicité lorsque vous demandez à l'agent de construire une interface Polaris App Home dans l'admin Shopify. Il est généré automatiquement à partir des sources de shopify-dev-tools et ne doit pas être modifié manuellement.