shopify-polaris-app-home
Ce skill fait partie de la collection officielle de skills Shopify disponible dans le repository shopify/agent-skills. Il est conçu pour étendre les capacités de Claude Code (et d'autres agents compatibles) dans le contexte du développement d'interfaces pour Shopify App Home — la surface principale permettant d'intégrer l'UI d'une app directement dans l'admin Shopify.
Ce que fait ce skill
Le skill fournit à Claude un ensemble d'instructions détaillées sur le UI Framework Polaris App Home. Il couvre les Polaris web components (éléments HTML personnalisés préfixés s-, comme s-page, s-badge, s-button), les APIs App Bridge disponibles (Navigation, Modal, Toast, Save Bar, etc.), les patterns de composition (index tables, setup guides, empty states…) et les templates de pages (Homepage, Details, Settings, Index).
Deux scripts accompagnent le skill pour garantir la qualité du code généré : search_docs.js permet à Claude de rechercher la documentation Shopify en temps réel, et validate.js valide le code produit avant de le retourner à l'utilisateur. Ces étapes sont obligatoires dans le flux de travail du skill.
Installation et utilisation
Ce skill s'installe via la CLI npx skill :
npx skill install shopify-polaris-app-homeUne fois installé, il charge son contexte dans la fenêtre de Claude Code et lui donne accès aux instructions, aux exemples de composants et aux scripts de validation. Il est compatible avec Claude Code, Claude Desktop et Cursor.
Contexte du repo parent
Le repository shopify/agent-skills est généré en amont par Shopify et n'accepte pas de contributions externes. Chaque skill de la collection est vérifié contre l'API correspondante via des évaluations automatisées. Le skill shopify-polaris-app-home est l'un des quinze skills disponibles couvrant l'ensemble de l'écosystème de développement Shopify.